Ian XHS Carousel — скилл
Скилл раскладывает статью или кейс в карусель Xiaohongshu 3:4 из 20 шаблонов: сначала раскадровка, потом PNG и HTML.
- 308 ★ репозитория
- Последний коммит
Расширенный доступ
Почему такой уровень
- Скилл запускает локальный скрипт рендера в Chromium и читает ваши скриншоты, шрифты подгружаются из сети.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/ian-xhs-carouselОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Скилл запускает локальный скрипт рендера в Chromium и читает ваши скриншоты, шрифты подгружаются из сети.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Ian XHS Carousel превращает статью, разбор кейса или заметки в набор вертикальных картинок для Xiaohongshu в чистом стиле продуктового интерфейса. Размер страницы 1080×1440, есть светлая и темная темы с одинаковой версткой. Сначала скилл читает материал и выдает раскадровку: что на каждой странице, какой шаблон и какой заголовок. Он останавливается и ждет вашего подтверждения. Затем берет ваши скриншоты и логотипы, а чего не хватает, перечисляет в раскадровке и просит. Дальше идут верстка из 20 шаблонов, рендер и самопроверка: переполнение текста, размер шрифта и цвета. На выходе PNG для каждой страницы, общий обзор всей серии и HTML-исходники, которые можно поправить и отрендерить заново. Заголовок, текст и теги самого поста пишутся отдельно.
Для кого. Авторам, которые публикуют в Xiaohongshu разборы AI-инструментов, продуктов и дизайна со скриншотами, шагами и данными.
Подходит, если
- Статью или разбор кейса надо упаковать в серию из пяти страниц.
- Сначала нужна только раскадровка, а верстку отложат.
- Серию собирают в темной теме по скриншотам из папки `./shots`.
- Одну страницу переделывают, например заменяют шаблоном `T08` для сравнения до и после.
Не подходит, если
- Нужны рисованные иллюстрации или большие цветные постеры: стиль здесь другой.
- Нет возможности загрузить шрифты из сети при рендеринге.
- Материал состоит из мелкой плотной таблицы: на странице должно быть мало текста.
Пример запроса к агенту
/ian-xhs-carousel Сделай из этой статьи серию для Xiaohongshu. Сначала покажи раскадровку и подожди моего подтверждения.Ограничения
Лучше всего работает с Claude: README советует его. Для рендера нужны `pip install playwright pillow` и `playwright install chromium`, а английские и кодовые шрифты подгружаются из сети во время рендера. Качество серии зависит от материала: нужны чистые скриншоты и официальные SVG-логотипы, размытые картинки скилл не исправит. Описание поста, заголовок и теги надо писать отдельно. README и сам скилл на китайском, есть английский README. Последний коммит сделан в октябре 2026.
Как отключить. Удалите папку `~/.claude/skills/ian-xhs-carousel`. Установленные `playwright` и `pillow` можно оставить или удалить отдельно.
Частые вопросы
Как поставить скилл?
Выполните `git clone https://github.com/helloianneo/ian-xhs-carousel.git`, создайте `~/.claude/skills` и скопируйте туда вложенную папку `ian-xhs-carousel`. Затем один раз поставьте `pip install playwright pillow` и `playwright install chromium`.
Как получить только раскадровку?
Напишите, что верстать пока не нужно и достаточно раскадровки. Скилл покажет число страниц и содержание каждой.
Как сделать темную тему?
Попросите темную тему в запросе и укажите папку со скриншотами, например `./shots`. Верстка совпадает со светлой версией.
Что делать, если ни один шаблон не подходит?
Скилл соберет новую раскладку в том же стиле из элементов 20 шаблонов.
Сколько страниц делает скилл?
Обычно около пяти. README советует короткие серии: чем меньше текста на картинке, тем лучше, остальное уходит в текст поста.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкилл-визуальный директор для карточек Xiaohongshu: выбор стиля, структура листов, промпты для генерации и текст поста
cy-carousel собирает карусель из обложки и 10 страниц про ИИ-тему: проверка фактов, открытые материалы, проверка макета.
Набор из 11 скиллов для Claude Code и Codex превращает статью или видео в карточки для Xiaohongshu, длинные картинки и ролик.
Скилл делает из текста или ссылки инфокарточку в журнальном стиле и снимает PNG через Playwright, длинные режет на части
Скилл читает статью, задает вопросы про стиль и выдает готовый промпт для обложки Xiaohongshu или WeChat в 10 композициях
Скилл для агента, который собирает карусели соцкарточек и парные обложки из статьи, скриншотов, заметок или видео в двух визуальных системах
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| Ian XHS Carousel (эта карточка) | нет | 308 | |
| cy-carousel | нет | 441 | другая серия каруселей; Ian XHS Carousel держит один стиль продуктового интерфейса и 20 шаблонов |
| XHS Visual Director | нет | 1 536 | выбирает стиль и пишет промпты для генерации карточек; этот скилл верстает карусель из шаблонов в HTML и PNG |
Коротко о README
В скилле двадцать шаблонов по группам: обложка, шаги, сравнение, показ, цифры, текст и финал. Раскадровка стоит перед версткой, чтобы число страниц и содержание были согласованы.
Бейдж для README
Исходный SKILL.md
--- name: ian-xhs-carousel description: 把文章、案例拆解、素材、笔记或一个想法排成小红书 3:4 图文（1080×1440 轮播图），用一套产品界面风格：锌灰加一处橙，白页面上垫灰底盘，内容做成带分层阴影的卡片、窗口和对话框，有浅色和深色两版。先消化内容出分镜表，确认后从 20 个母版里排版、用代码画配图，渲染成每页 PNG 和总览图。只要用户提到小红书图文、小红书轮播、做成小红书、出图文、XHS carousel、排几页图、把这篇做成图，或者给了一篇内容想发小红书，都应该用这个 skill，哪怕没说"轮播"或"版式"。不负责小红书的帖子标题、正文和话题标签。 --- # 小红书图文（3:4） 把一份内容做成一组 1080×1440 的小红书图。风格已经定好：锌灰中性色加一处橙，白页面上垫一块灰底盘，内容做成一张张带分层阴影的卡片、窗口、对话框，像从一个精致软件里截出来的。有 20 个母版，浅色深色都能出。 母版是起点。内容需要的时候可以出血、错落、放大、增减行，只要底下那套颜色、字号、阴影和卡片样式还守着。 这个 skill 只管**图**。帖子标题、正文、话题标签不归它管，用户没要就不写。图上的字（每页标题、副标题、卡片里的字）归它管。 ## 流程 一共六步，中间只停一次：分镜表出来以后，等用户确认。 ### 1. 消化内容 先把材料读完，想清楚三件事再动手： - 这组图要让看的人带走什么，用一句话说出来 - 材料里哪些是硬货（数据、步骤、对比、截图、代码、具体做法），哪些是铺垫，可以丢 - 用户手上已经有哪些图，还缺哪些 ### 2. 分镜表（停下来等确认） 一页只讲一件事，用最少的页数讲完，一般 5 页左右：封面、三四页内容、结尾。图上只放看得见的东西：数字、对比、产品、做法。纯观点、来龙去脉、作者的心路，留给正文，最多留一页观点页（T15）。宁可少一页，让人划完还意犹未尽；长文里每个论点都做成一页，用户会觉得太复杂。 内容里的引子、铺垫，还有那些需要额外配图才讲得清的旁支，直接删，在分镜表下面说一句删了什么。 照这个格式给用户： ``` 这组图想让人带走：<一句话> 主题：浅色 / 深色 | 页 | 这页讲什么 | 母版 | 图上标题 | 副标题 | 配图 | |---|---|---|---|---|---| | 01 | 封面 | T02 | 我做了个<br>记账小工具 | 拍一下小票，自动记好一笔 | 窗口里放首页截图，现成 | | 02 | 原理 | T04 | 小票是怎么<br>变成一笔账的 | 先认字，再挑出金额和日期 | 代码画：三步各一张小图 | | … | 要你给的图： - 03 页：<具体要什么、为什么只能你给> ```