xhs-images

将复杂内容拆分为适合小红书的吸睛信息图系列,支持多种样式选项。

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "xhs-images" with this command: npx skills add aehyok/blog/aehyok-blog-xhs-images

小红书信息图系列生成器

将复杂内容拆分为适合小红书的吸睛信息图系列,支持多种样式选项。

使用方法

根据内容自动选择样式和布局

/xhs-images posts/ai-future/article.md

指定样式

/xhs-images posts/ai-future/article.md --style notion

指定布局

/xhs-images posts/ai-future/article.md --layout dense

同时指定样式和布局

/xhs-images posts/ai-future/article.md --style tech --layout list

直接输入内容

/xhs-images [粘贴内容]

直接输入并指定选项

/xhs-images --style bold --layout comparison [粘贴内容]

选项

选项 描述

--style <名称>

视觉样式(见样式画廊)

--layout <名称>

信息布局(见布局画廊)

两个维度

维度 控制内容 可选值

样式(Style) 视觉美学:颜色、线条、装饰 cute, fresh, tech, warm, bold, minimal, retro, pop, notion

布局(Layout) 信息结构:密度、排列 sparse, balanced, dense, list, comparison, flow

样式 × 布局 可以自由组合。例如:--style notion --layout dense 创建一个具有知识分子气质、信息密度高的知识卡片。

样式画廊

  1. cute (默认)

甜美、可爱、少女风 - 经典小红书美学

  • 颜色: 粉色、桃色、薄荷色、淡紫色、奶油色背景

  • 元素: 可爱贴纸、表情图标、爱心、星星、闪光

  • 最适合: 生活方式、美妆、时尚、日常小贴士

  1. fresh

清新、自然、干净

  • 颜色: 薄荷绿、天蓝色、白色、浅黄色

  • 元素: 植物图标、云朵、简单形状、留白空间

  • 最适合: 健康、养生、极简生活方式、自我关怀

  1. tech

现代、智能、数字化

  • 颜色: 深蓝色、紫色、青色、深色背景加霓虹强调

  • 元素: 几何图形、数据图标、电路图案、发光效果

  • 最适合: 科技教程、AI内容、数字工具、生产力

  1. warm

温馨、友好、亲切

  • 颜色: 暖橙色、金黄色、棕色、奶油色

  • 元素: 太阳图案、咖啡杯、温馨插画、暖色灯光

  • 最适合: 个人故事、人生感悟、情感内容

  1. bold

高冲击力、吸引眼球

  • 颜色: 红色、橙色、黑色、黄色强调

  • 元素: 强烈的字体排版、感叹号、箭头、对比

  • 最适合: 重要提示、警告、必知内容

  1. minimal

极简、精致

  • 颜色: 黑色、白色、单一强调色

  • 元素: 最大留白、简单图标、干净线条

  • 最适合: 专业内容、严肃话题、优雅呈现

  1. retro

复古、怀旧、时尚

  • 颜色: 柔和粉彩、棕褐色、褪色调

  • 元素: 复古徽章、半调网点、经典字体

  • 最适合: 怀旧内容、经典技巧、永恒建议

  1. pop

活力、充满能量、醒目

  • 颜色: 明亮的主色、霓虹强调、白色

  • 元素: 大胆图形、漫画风格元素、动态构图

  • 最适合: 精彩公告、趣味事实、吸引人的教程

  1. notion

极简手绘线条艺术,知识分子气质

  • 颜色: 黑色轮廓、白色背景、1-2种粉彩强调色

  • 元素: 简单线条涂鸦、几何图形、手绘摇晃效果、最大留白

  • 最适合: 知识分享、概念解释、SaaS内容、生产力技巧

布局画廊

  1. sparse (默认)

最少信息、最大冲击力

  • 密度: 每张图1-2个要点

  • 留白: 画布的60-70%

  • 结构: 单一焦点、一个核心信息

  • 最适合: 封面、引语、有力陈述、情感内容

  1. balanced

标准内容布局

  • 密度: 每张图3-4个要点

  • 留白: 画布的40-50%

  • 结构: 标题 + 3-4个要点或章节

  • 最适合: 常规内容页、教程、解释说明

  1. dense

高信息密度,知识卡片风格

  • 密度: 每张图5-8个要点

  • 留白: 画布的20-30%

  • 结构: 多个部分、结构化网格、更多文字

  • 最适合: 总结卡片、备忘单、综合指南、干货总结

  1. list

枚举和排名格式

  • 密度: 4-7项

  • 留白: 画布的30-40%

  • 结构: 编号或符号垂直列表、一致的项目格式

  • 最适合: Top N列表、检查清单、分步指南、排名

  1. comparison

并排对比布局

  • 密度: 2个主要部分,每个2-4个要点

  • 留白: 画布的30-40%

  • 结构: 左右对比、前后对比、优缺点

  • 最适合: 比较、转变、决策助手、对比图

  1. flow

流程和时间线布局

  • 密度: 3-6个步骤/阶段

  • 留白: 画布的30-40%

  • 结构: 带箭头的连接节点、顺序流程

  • 最适合: 流程、时间线、因果链、工作流

自动样式选择

当未指定 --style 时,根据内容分析选择:

内容特征 选择的样式

美妆、时尚、可爱、女孩、粉色 cute

健康、自然、干净、清新、有机 fresh

科技、AI、代码、数字、应用、工具 tech

生活、故事、情感、感受、温暖 warm

警告、重要、必须、关键 bold

专业、商务、优雅、简洁 minimal

经典、复古、古老、传统 retro

有趣、令人兴奋、哇、惊人 pop

知识、概念、生产力、SaaS、notion notion

自动布局选择

当未指定 --layout 时,根据内容结构分析选择:

内容特征 选择的布局

单一引语、一个要点、封面 sparse

3-4个要点、解释、教程 balanced

5+个要点、总结、备忘单、干货 dense

编号项、top N、检查清单、步骤 list

vs、比较、前后、优缺点 comparison

流程、流、时间线、有顺序的步骤 flow

按位置选择布局:

位置 推荐布局

封面 sparse

内容 balanced 或根据内容选择

结尾 sparse 或 balanced

文件管理

带文章路径

保存到与文章同一文件夹下的 xhs-images/ 子目录:

posts/ai-future/ ├── article.md └── xhs-images/ ├── outline.md ├── prompts/ │ ├── 01-cover.md │ ├── 02-content-1.md │ └── ... ├── 01-cover.png ├── 02-content-1.png └── 03-ending.png

不带文章路径

保存到 xhs-outputs/YYYY-MM-DD/[主题简称]/ :

xhs-outputs/ └── 2026-01-13/ └── ai-agent-guide/ ├── outline.md ├── prompts/ │ ├── 01-cover.md │ └── ... ├── 01-cover.png └── 02-ending.png

工作流程

步骤1: 分析内容并选择样式/布局

  • 阅读内容

  • 如果指定了 --style ,使用该样式;否则自动选择

  • 如果指定了 --layout ,使用该布局;否则为每张图自动选择

  • 根据内容复杂度确定图片数量:

内容类型 图片数量

简单观点/单一主题 2-3张

中等复杂度/教程 4-6张

深度分析/多维度 7-10张

注意: 布局可以在系列中的每张图片上变化。封面通常使用 sparse ,内容页根据需要使用 balanced /dense /list 。

步骤2: 生成大纲

为每张图片规划样式和布局规范:

小红书信息图系列大纲

主题: [主题描述] 样式: [选择的样式] 默认布局: [选择的布局或"不同"] 图片数量: N 生成时间: YYYY-MM-DD HH:mm


图片 1 / N

位置: 封面 布局: sparse 核心信息: [一句话概括] 文件名: 01-cover.png

文本内容:

  • 标题: xxx
  • 副标题: xxx

视觉概念: [符合样式+布局的描述]


图片 2 / N

位置: 内容 布局: [balanced/dense/list/comparison/flow] 核心信息: [一句话概括] 文件名: 02-xxx.png

文本内容:

  • 标题: xxx
  • 要点: [根据布局密度列出]

视觉概念: [匹配样式+布局的描述]


...

步骤3: 保存大纲

将大纲保存为 outline.md 。

步骤4: 逐一生成图片

为每张图片创建一个带有样式和布局规范的提示词文件。

提示词格式:

信息图主题: [主题] 样式: [样式名称] 布局: [布局名称] 位置: [封面/内容/结尾]

视觉构图:

  • 主视觉: [符合样式的描述]
  • 排列方式: [布局特定结构]
  • 装饰元素: [样式特定装饰]

配色方案:

  • 主色: [样式主色]
  • 背景色: [样式背景色]
  • 强调色: [样式强调色]

文本内容:

  • 标题: 「xxx」(大号、突出)
  • 关键要点: [根据布局密度]

布局说明: [布局特定指导] 样式注意事项: [样式特定特征]

布局特定说明:

布局 排列说明

sparse

单一焦点居中,1-2个文本元素,最大留白

balanced

标题在顶部,3-4个要点清晰分区,中等间距

dense

网格或多部分布局,5-8个要点,紧凑但有序

list

垂直编号/符号列表,一致的项目间距,清晰层次

comparison

两栏分割,清晰分隔线,左右镜像结构

flow

横向或纵向流程带箭头,连接的节点/步骤

然后使用以下命令生成:

/gemini-web --promptfiles [SKILL_ROOT]/skills/xhs-images/prompts/system.md [TARGET_DIR]/prompts/01-cover.md --image [TARGET_DIR]/01-cover.png

每张图片生成后:

  • 确认生成成功

  • 报告进度:"已生成 X/N"

  • 继续下一张

步骤5: 完成报告

小红书信息图系列完成!

主题: [主题] 样式: [样式名称] 布局: [布局名称或"不同"] 位置: [目录路径] 图片: 共N张

  • 01-cover.png ✓ 封面 (sparse)
  • 02-content-1.png ✓ 内容 (balanced)
  • 03-content-2.png ✓ 内容 (dense)
  • 04-ending.png ✓ 结尾 (sparse)

大纲: outline.md

样式参考详情

cute

颜色: 粉色 (#FED7E2)、桃色 (#FEEBC8)、薄荷 (#C6F6D5)、淡紫 (#E9D8FD) 背景: 奶油色 (#FFFAF0)、柔粉 (#FFF5F7) 强调: 亮粉、珊瑚红 元素: 爱心、星星、闪光、可爱表情、丝带装饰、贴纸风格 字体: 圆润、气泡状手写字

fresh

颜色: 薄荷绿 (#9AE6B4)、天蓝 (#90CDF4)、浅黄 (#FAF089) 背景: 纯白 (#FFFFFF)、柔薄荷 (#F0FFF4) 强调: 叶绿、水蓝 元素: 植物叶子、云朵、水滴、简单几何形状 字体: 干净、轻盈的手写字,留白充足

tech

颜色: 深蓝 (#1A365D)、紫色 (#6B46C1)、青色 (#00D4FF) 背景: 深灰 (#1A202C)、近黑 (#0D1117) 强调: 霓虹绿 (#00FF88)、电蓝 元素: 电路图案、数据图标、几何网格、发光效果 字体: 等宽风格手写字,微妙发光

warm

颜色: 暖橙 (#ED8936)、金黄 (#F6AD55)、陶土 (#C05621) 背景: 奶油 (#FFFAF0)、柔桃 (#FED7AA) 强调: 深棕 (#744210)、柔红 元素: 太阳光芒、咖啡杯、温馨物品、暖色灯光效果 字体: 友好、圆润的手写字

bold

颜色: 艳红 (#E53E3E)、橙色 (#DD6B20)、黄色 (#F6E05E) 背景: 深黑 (#000000)、深炭黑 强调: 白色、霓虹黄 元素: 感叹号、箭头、警告图标、强烈图形 字体: 粗体、有冲击力的手写字带阴影

minimal

颜色: 黑色 (#000000)、白色 (#FFFFFF) 背景: 米白 (#FAFAFA)、纯白 强调: 单色(从内容衍生 - 蓝、绿或珊瑚) 元素: 单一焦点、细线条、最大留白 字体: 干净、简单的手写字

retro

颜色: 柔和橙、灰粉 (#FED7E2 70%透明度)、褪蓝绿 背景: 陈旧纸张 (#F5E6D3)、棕褐色调 强调: 褪红、复古金 元素: 半调网点、复古徽章、经典图标、胶带效果 字体: 复古风格手写字,经典感觉

pop

颜色: 亮红 (#F56565)、黄色 (#ECC94B)、蓝色 (#4299E1)、绿色 (#48BB78) 背景: 白色 (#FFFFFF)、浅灰 强调: 霓虹粉、电紫 元素: 大胆图形、对话气泡、漫画风格效果、星爆 字体: 动态、充满活力的手写字带轮廓

notion

颜色: 黑色 (#1A1A1A)、深灰 (#4A4A4A) 背景: 纯白 (#FFFFFF)、米白 (#FAFAFA) 强调: 粉彩蓝 (#A8D4F0)、粉彩黄 (#F9E79F)、粉彩粉 (#FADBD8) 元素: 简单线条涂鸦、手绘摇晃效果、几何图形、火柴人、最大留白 字体: 干净的手绘字,简单无衬线标签

布局参考详情

sparse

信息密度: 非常低 (1-2个要点) 留白: 60-70% 结构: 单一居中焦点 文本元素: 仅标题,或标题 + 一个副标题/标语 视觉平衡: 居中、对称、四周留白充足 最佳搭配: 任何样式,特别适合 bold、minimal、notion

balanced

信息密度: 中等 (3-4个要点) 留白: 40-50% 结构: 标题在顶部,内容部分在下方 文本元素: 标题 + 3-4个要点或关键信息 视觉平衡: 标题在上方,内容均匀分布在下方 最佳搭配: 所有样式都适用

dense

信息密度: 高 (5-8个要点) 留白: 20-30% 结构: 多部分网格或堆叠块 文本元素: 标题 + 多个带标题的部分 + 众多要点 视觉平衡: 有序的复杂性,清晰的部分边界,紧凑间距 最佳搭配: tech、notion、minimal (干净样式防止视觉过载)

list

信息密度: 中高 (4-7项) 留白: 30-40% 结构: 带编号或符号的垂直枚举 文本元素: 标题 + 编号/符号项,每项格式一致 视觉平衡: 左对齐列表,清晰的编号/符号层次 最佳搭配: 所有样式,特别是 cute (清单)、bold (排名)

comparison

信息密度: 中等 (2×2-4个要点) 留白: 30-40% 结构: 两栏分割带中央分隔线 文本元素: 标题 + 左标签 + 右标签 + 镜像要点 视觉平衡: 左右对称,清晰的视觉对比 最佳搭配: bold (戏剧性对比)、tech (数据比较)、warm (前后故事)

flow

信息密度: 中等 (3-6步) 留白: 30-40% 结构: 带方向箭头的连接节点 文本元素: 标题 + 步骤标签 + 每步可选描述 视觉平衡: 方向流动 (上→下或左→右),清晰进程 最佳搭配: tech (流程图)、notion (简单流程)、fresh (有机流程)

内容拆分原则

  • 封面(第1张): 强烈视觉冲击,核心标题,吸引注意 → sparse 布局

  • 内容(中间): 每张图核心要点,密度根据内容变化 → balanced /dense /list /comparison /flow

  • 结尾(最后一张): 总结/行动号召/难忘引语 → sparse 或 balanced

样式 × 布局 矩阵 (推荐组合):

sparse balanced dense list comparison flow

cute ✓✓ ✓✓ ✓ ✓✓ ✓ ✓

fresh ✓✓ ✓✓ ✓ ✓ ✓ ✓✓

tech ✓ ✓✓ ✓✓ ✓✓ ✓✓ ✓✓

warm ✓✓ ✓✓ ✓ ✓ ✓✓ ✓

bold ✓✓ ✓ ✓ ✓✓ ✓✓ ✓

minimal ✓✓ ✓✓ ✓✓ ✓ ✓ ✓

retro ✓✓ ✓✓ ✓ ✓✓ ✓ ✓

pop ✓✓ ✓✓ ✓ ✓✓ ✓✓ ✓

notion ✓✓ ✓✓ ✓✓ ✓✓ ✓✓ ✓✓

✓✓ = 强烈推荐, ✓ = 效果良好

注意事项

  • 图片生成通常需要每张10-30秒

  • 生成失败时自动重试一次

  • 对敏感公众人物使用卡通替代形象

  • 输出语言与输入内容语言匹配

  • 在系列的所有图片中保持所选样式的一致性

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

General

post-to-x

No summary provided by upstream source.

Repository SourceNeeds Review
General

create-blog-post

No summary provided by upstream source.

Repository SourceNeeds Review
General

blog

No summary provided by upstream source.

Repository SourceNeeds Review
General

nuxt-v4

No summary provided by upstream source.

Repository SourceNeeds Review