helloianneo/ian-xhs-carousel

选用指南

AI 根据 README 整理 · 2026/10/21 19:11:29

适用场景

适合将文章、案例或笔记排版为小红书轮播图，尤其适用于包含截图、步骤、对比、数据、代码的内容。

查看 README 依据

# Ian XHS Carousel **中文** | [English](README.en.md) > 把文章、案例或笔记，排成一组 3:4 的小红书图文。 > > 1080×1440 竖版 | 20 个母版 | 浅色 / 深色 | Claude Code Skill --- ## 这是什么 Ian XHS Carousel 是一个 AI Skill，把你的内容做成一组小红书轮播图，风格是简洁的产品界面风。 你把内容交给它，它先出一张分镜表给你确认，确认后再排版、出图。 **最好用 Claude 跑。** --- ## 适合谁用 - 写文章、做案例拆解，想顺手发一份小红书图文的人 - 做 AI、产品、设计、效率工具内容，图里常有截图、步骤、对比、数据、代码的人 - 想让每期图文风格统一、看着干净的人 想要手绘、插画、大色块海报这类风格的话，这个不太合适。 --- ## 它会产出什么 - **分镜表**：每页讲什么、用哪个母版、标题怎么写，先给你确认 - **每页一张 PNG**：1080×1440，可以直接发 - **总览图**：所有页排在一起，一眼看整组节奏 - **HTML 源文件**：想自己改字、换图，改完重新渲染就行 浅色、深色两版都能出，版式一样。 小红书帖子的标题、正文和话题标签需要你另外写。 --- ## 20 个母版

目标用户

面向写文章、做案例拆解并希望发布小红书图文的人，以及希望风格统一的内容创作者。

查看 README 依据

# Ian XHS Carousel **中文** | [English](README.en.md) > 把文章、案例或笔记，排成一组 3:4 的小红书图文。 > > 1080×1440 竖版 | 20 个母版 | 浅色 / 深色 | Claude Code Skill --- ## 这是什么 Ian XHS Carousel 是一个 AI Skill，把你的内容做成一组小红书轮播图，风格是简洁的产品界面风。 你把内容交给它，它先出一张分镜表给你确认，确认后再排版、出图。 **最好用 Claude 跑。** --- ## 适合谁用 - 写文章、做案例拆解，想顺手发一份小红书图文的人 - 做 AI、产品、设计、效率工具内容，图里常有截图、步骤、对比、数据、代码的人 - 想让每期图文风格统一、看着干净的人 想要手绘、插画、大色块海报这类风格的话，这个不太合适。 --- ## 它会产出什么 - **分镜表**：每页讲什么、用哪个母版、标题怎么写，先给你确认 - **每页一张 PNG**：1080×1440，可以直接发 - **总览图**：所有页排在一起，一眼看整组节奏 - **HTML 源文件**：想自己改字、换图，改完重新渲染就行 浅色、深色两版都能出，版式一样。 小红书帖子的标题、正文和话题标签需要你另外写。 --- ## 20 个母版

使用方式

在Claude Code中使用，通过输入命令或直接自然语言描述来生成轮播图，也支持只生成分镜表或修改单个页面。

查看 README 依据

cp -R ./ian-xhs-carousel/ian-xhs-carousel ~/.claude/skills/ ``` **2. 装渲染要用的工具**（第一次用时装一次） ```bash pip install playwright pillow playwright install chromium ``` 渲染时会联网加载英文和代码字体，记得保持网络畅通。 --- ## 素材要好看 一组图好不好看，很大程度看你给的素材。上传前花几分钟挑一挑： - **截图**：用高清的，裁掉浏览器工具栏、桌面和别的窗口；做深色版就截深色模式的 - **Logo 和图标**：用官方的 SVG，别截一个小图再放大 - **照片和效果图**：一堆里挑最好看的那张 - **没有好图**：先空着，它会在分镜表里列出来问你要，别拿糊的凑 --- ## 怎么用 在 Claude Code 里输入： ```text /ian-xhs-carousel 把下面这篇文章做成一组小红书图文。 <粘贴文章> ``` 不输命令也行，直接说"把这篇做成小红书"，它一般会自己用上。 **只要分镜表** ```text /ian-xhs-carousel 先别排版，帮我看看下面这篇能做成几页，出分镜表就行。 <粘贴文章> ``` **出深色版** ```text

/ian-xhs-carousel 把这篇做成小红书图文，用深色主题。截图在 ./shots 里。 <粘贴文章> ``` **改某一页** ```text 第 3 页换成 T08 前后双栏，左边放旧版截图，右边放新版。 ``` 更多示例见 [examples/prompts.md](examples/prompts.md)。 --- ## 工作流程 1. **读内容**：想清楚这组图要让人带走什么 2. **出分镜表**：一页讲一件事，一般 5 页左右，**停下来等你确认** 3. **准备配图**：用你给的素材，缺的会列出来问你 4. **排版**：从 20 个母版里挑合适的 5. **渲染和自查**：检查文字溢出、字号、配色，有问题自己改掉 6. **交付**：给你每页图和总览图 --- ## 小贴士 - 分镜表那一步多花点时间，页数和每页讲什么定下来，后面基本不用返工 - 图上的字越少越好，说不完的留给正文 - 页数宁少勿多，5 页左右刚好 --- ## 目录结构 ```text . ├── README.md ├── README.en.md ├── examples/ 母版总览图、更多提示词 └── ian-xhs-carousel/ ← 安装的是这个文件夹 ├── SKILL.md

部署要求

需要Claude Code环境，并安装Playwright和Pillow，以及Chromium浏览器；渲染时需联网加载字体。

查看 README 依据

cp -R ./ian-xhs-carousel/ian-xhs-carousel ~/.claude/skills/ ``` **2. 装渲染要用的工具**（第一次用时装一次） ```bash pip install playwright pillow playwright install chromium ``` 渲染时会联网加载英文和代码字体，记得保持网络畅通。 --- ## 素材要好看 一组图好不好看，很大程度看你给的素材。上传前花几分钟挑一挑： - **截图**：用高清的，裁掉浏览器工具栏、桌面和别的窗口；做深色版就截深色模式的 - **Logo 和图标**：用官方的 SVG，别截一个小图再放大 - **照片和效果图**：一堆里挑最好看的那张 - **没有好图**：先空着，它会在分镜表里列出来问你要，别拿糊的凑 --- ## 怎么用 在 Claude Code 里输入： ```text /ian-xhs-carousel 把下面这篇文章做成一组小红书图文。 <粘贴文章> ``` 不输命令也行，直接说"把这篇做成小红书"，它一般会自己用上。 **只要分镜表** ```text /ian-xhs-carousel 先别排版，帮我看看下面这篇能做成几页，出分镜表就行。 <粘贴文章> ``` **出深色版** ```text

已知限制

不支持手绘、插画、大色块海报风格；小红书帖子的标题、正文和话题标签需用户自行编写。

查看 README 依据

# Ian XHS Carousel **中文** | [English](README.en.md) > 把文章、案例或笔记，排成一组 3:4 的小红书图文。 > > 1080×1440 竖版 | 20 个母版 | 浅色 / 深色 | Claude Code Skill --- ## 这是什么 Ian XHS Carousel 是一个 AI Skill，把你的内容做成一组小红书轮播图，风格是简洁的产品界面风。 你把内容交给它，它先出一张分镜表给你确认，确认后再排版、出图。 **最好用 Claude 跑。** --- ## 适合谁用 - 写文章、做案例拆解，想顺手发一份小红书图文的人 - 做 AI、产品、设计、效率工具内容，图里常有截图、步骤、对比、数据、代码的人 - 想让每期图文风格统一、看着干净的人 想要手绘、插画、大色块海报这类风格的话，这个不太合适。 --- ## 它会产出什么 - **分镜表**：每页讲什么、用哪个母版、标题怎么写，先给你确认 - **每页一张 PNG**：1080×1440，可以直接发 - **总览图**：所有页排在一起，一眼看整组节奏 - **HTML 源文件**：想自己改字、换图，改完重新渲染就行 浅色、深色两版都能出，版式一样。 小红书帖子的标题、正文和话题标签需要你另外写。 --- ## 20 个母版