К основному содержанию
скилл CX Codex

xiaohongshu-images — скилл для Claude Code: создание изображений

Преобразует Markdown, HTML или текст в оформленную HTML-страницу и последовательность изображений формата 3:4 для Xiaohongshu. Пригодится для подготовки публикации из статьи.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add iamzifei/xiaohongshu-images-skill --skill xiaohongshu-images -a claude-code
Открыть на GitHub

Что делает xiaohongshu-images

Скилл принимает текст или файл в формате Markdown, HTML либо TXT, создаёт обложку через скилл /baoyu-cover-image, затем собирает HTML-страницу по шаблону prompts/default.md и делает снимки страниц в формате 3:4. Текст на изображениях не должен обрезаться.

Результат сохраняется в папке статьи внутри ~/Dev/obsidian/; путь к папке аккаунта определяется по параметру --account, исходному пути или шаблону. Перед созданием обложки и HTML проверяются требования Xiaohongshu к изображениям и тексту. Без доступного /baoyu-cover-image описанный процесс создания обложки не выполнится.

Какие задачи решает

  • превратить Markdown-статью в оформленную HTML-страницу
  • подготовить обложку для публикации в Xiaohongshu
  • разбить длинную страницу на изображения формата 3:4
  • сохранить материалы статьи в папке нужного аккаунта

Примеры запросов агенту

  • Подготовь изображения для статьи article.md для Xiaohongshu командой /xiaohongshu-images article.md.
  • Сделай изображения для этого текста и сохрани результат для аккаунта james-en: /xiaohongshu-images <article> --account james-en.
  • Преобразуй HTML-файл в серию изображений для Xiaohongshu: /xiaohongshu-images page.html.

Как установить xiaohongshu-images

1Через Skills CLI (Vercel)

npx skills add iamzifei/xiaohongshu-images-skill --skill xiaohongshu-images -a claude-code

2Вручную: положить файлы

~/.claude/skills/xiaohongshu-images/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/xiaohongshu-images/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о xiaohongshu-images

Как установить xiaohongshu-images в Claude Code?

Выполните npx skills add iamzifei/xiaohongshu-images-skill --skill xiaohongshu-images -a claude-code. Файл скилла появится по пути ~/.claude/skills/xiaohongshu-images/SKILL.md.

Что делает xiaohongshu-images?

Создаёт обложку и оформленную HTML-страницу из текста, Markdown или HTML, а затем сохраняет последовательные снимки в формате 3:4 для Xiaohongshu.

Как скилл выбирает папку для результата?

Сначала использует аккаунт из --account, затем определяет папку по пути исходного файла. Для содержимого без такого пути применяет сопоставление шаблона с папкой аккаунта.

Похожие скиллы

Всё по теме «Дизайн» →
frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. 1 025 790установок grill-me Matt Pocock Скилл проводит жёсткое интервью по плану или дизайну, чтобы найти пробелы и уточнить решения. Подойдёт перед началом разработки. 1 424 476установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. CX Codex +1 678 700установок prototype Matt Pocock Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. 986 201установок grilling Matt Pocock Стресс-тестирует план, решение или идею сериями уточняющих вопросов. Подходит, когда нужно вскрыть допущения до начала работы. 979 543установок codebase-design Matt Pocock Скилл помогает проектировать модули с небольшим интерфейсом и скрытой внутри сложностью. Подходит для рефакторинга, тестируемости и поиска чистого seam. 850 344установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой