Ian XHS Carousel — 小红书轮播图生成 Skill，小红书图文 skill

这是什么

Ian XHS Carousel 是一个面向 Claude Code 的 AI Skill，它的作用是把你的文章、案例拆解、笔记或想法，整理成一组 3:4 比例的小红书轮播图（1080×1440 竖版）。它出自设计师/AI Builder helloianneo（Ian）之手，采用简洁的产品界面风格——锌灰底色加橙色点缀，内容以卡片、窗口、对话框形式呈现，并附有分层阴影，让每张图看起来干净、统一。

这个 Skill 的最大特点是：它会先给你一份分镜表，逐页确认后再排版出图，避免盲目输出造成返工。整个工作流高度可控，尤其适合希望长期稳定产出小红书图文的内容创作者。

适合谁

• 写文章、做案例拆解，想顺手把小🍠图文做出来的作者
• 围绕 AI、产品、设计、效率工具做内容，配图里常含截图、步骤、对比、数据、代码的人
• 希望每期图文风格统一、观感干净，不想每次重新设计版式的人

需要注意：如果你想要的风格是手绘、插画或大色块海报，这个 Skill 并不适合。

能做什么

• 分镜表：先规划好每页讲什么、用哪个母版、标题怎么写，等你确认后再继续
• 每页一张 PNG：1080×1440，可直接发布
• 总览图：所有页面排在一起，方便一眼看整组节奏
• HTML 源文件：便于手动改字/换图后重新渲染

支持浅色和深色两版，版式一致。小🍠笔记的标题、正文和话题标签需要你自己另外撰写，这个 Skill 只负责图文部分。

20 个内置母版

如果 20 个母版都不完全合适，AI 会基于同一套样式临时组合新的版式。

使用前准备

1. 安装 Claude Code（推荐在 AI 编程环境中使用，原作者建议最好用 Claude 跑这个 Skill）
2. 准备 Python 环境，用于运行渲染脚本
3. 准备要排版的素材：高清截图（深色版需截深色模式）、官方 SVG 的 Logo/图标、挑选效果最好的照片；没有好图就先空着，分镜阶段 AI 会列出来问你要

安装方法

在终端中执行以下命令，下载 Skill 并复制到 Claude Code 的 skills 目录：

git clone https://github.com/helloianneo/ian-xhs-carousel.git
mkdir -p ~/.claude/skills
cp -R ./ian-xhs-carousel/ian-xhs-carousel ~/.claude/skills/

然后安装渲染所需的 Python 工具（第一次使用时执行一次）：

pip install playwright pillow
playwright install chromium

渲染时会联网加载英文和代码字体，请保持网络畅通。

使用示例

在 Claude Code 对话中直接输入指令即可。常见用法：

/ian-xhs-carousel 把下面这篇文章做成一组小红书图文。

<粘贴文章>

如果不输命令，直接说“把这篇做成小红书”，Skill 一般会自动启用。其它灵活用法：

• 只要分镜表：/ian-xhs-carousel 先别排版，帮我看看下面这篇能做成几页，出分镜表就行。
• 深色版：/ian-xhs-carousel 把这篇做成小红书图文，用深色主题。截图在 ./shots 里。
• 修改某一页：第 3 页换成 T08 前后双栏，左边放旧版截图，右边放新版。

工作流程

1. 读内容：AI 先理解你这组图想让读者带走什么
2. 出分镜表：一页讲一件事，一般 5 页左右，停下来等你确认
3. 准备配图：用你提供的素材，缺的会列出清单向你要
4. 排版：从 20 个母版中挑选合适版式
5. 渲染和自查：检查文字溢出、字号、配色，有问题自动修正
6. 交付：输出每页 PNG 图和总览图

风险与注意事项

• 分镜确认很关键：在分镜表阶段多花时间确认页数和内容，后面基本不用返工
• 图上的字越少越好：详细内容留在正文里，避免图上文字过多影响观感
• 页数宁少勿多：5 页左右刚好，太多页反而降低完读率
• 需要在装有 Claude Code 和 Python 的本地环境运行，需要安装 Playwright 浏览器组件
• 本仓库当前协议为 MIT，可自由使用，但请遵守相关开源条款

该项目属于 自媒体创作 类别，已在 GitHub 获得 100 个 Star、7 个 Fork，目前没有未处理的 Issue（仓库事实数据），是一个成熟度较高且免费的开源 Skill 工具。