guizang-social-card-skill — скилл для Claude Code: соцкарточки и Live
Собирает карусели и обложки для Xiaohongshu, WeChat и статей из текста, скриншотов или видео в стиле швейцарского дизайна и журнальной вёрстки.
npx skills add op7418/guizang-social-card-skill --skill guizang-social-card-skill -a claude-codeЧто делает guizang-social-card-skill
Скилл превращает статью, сценарий, скриншот продукта или видео в набор изображений для соцсетей: обложку плюс страницы контента в формате 3:4 для Xiaohongshu, пару обложек 21:9 + 1:1 для WeChat, Live Photo с движением вместо статичной картинки. Внутри HTML-рендеринг, палитры из электронных журналов, модульные сетки и компоненты для скриншотов, карт, заголовков.
Визуальная логика опирается на швейцарский стиль Guizang: крупная типографика, чистые сетки, акцентные плашки. Для 11 популярных категорий Xiaohongshu (путешествия, работа, игры, кино, фитнес, дом, макияж, еда) есть готовые рецепты раскладки; для OOTD-съёмки и dreamcore-эстетики скилл не подходит — он не генерирует фото, а компонует макет из того, что подал пользователь. Live Photo собирается из коротких видео: один клип, два в сетке, три в коллаж или нарезка длинного ролика.
Какие задачи решает
- Собрать карусель изображений 3:4 для Xiaohongshu из статьи или заметок
- Сверстать пару обложек 21:9 + 1:1 для поста в WeChat Official Account
- Упаковать скриншот продукта или туториал в карточку со швейцарской вёрсткой
- Превратить короткое видео в Live Photo для соцсети вместо статичной обложки
- Разложить три видео в тройной коллаж Live Photo внутри одной карточки
Примеры запросов агенту
- Сверстай карусель для Xiaohongshu из этой статьи про путешествие в Киото
- Собери обложки WeChat 21:9 и 1:1 из заметок о новом релизе
- Сделай Live Photo из
screen-recording.movдля карточки в Rednote
Как установить guizang-social-card-skill
1Через Skills CLI (Vercel)
npx skills add op7418/guizang-social-card-skill --skill guizang-social-card-skill -a claude-code2Вручную: положить файлы
~/.claude/skills/guizang-social-card-skill/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/guizang-social-card-skill/
1Через Skills CLI (Vercel)
npx skills add op7418/guizang-social-card-skill --skill guizang-social-card-skill -a codex2Вручную: положить файлы
.agents/skills/guizang-social-card-skill/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add op7418/guizang-social-card-skill --skill guizang-social-card-skill -a cursor2Вручную: положить файлы
.cursor/skills/guizang-social-card-skill/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install op7418/guizang-social-card-skill guizang-social-card-skill2Вручную: положить файлы
.github/skills/guizang-social-card-skill/SKILL.md1Через Skills CLI (Vercel)
npx skills add op7418/guizang-social-card-skill --skill guizang-social-card-skill -a gemini-cli2Командой платформы
gemini skills install https://github.com/op7418/guizang-social-card-skillВручную: положить файлы
.devin/skills/guizang-social-card-skill/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add op7418/guizang-social-card-skill --skill guizang-social-card-skill -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о guizang-social-card-skill
Как установить guizang-social-card-skill в Claude Code?
Выполни npx skills add op7418/guizang-social-card-skill --skill guizang-social-card-skill -a claude-code, затем открой ~/.claude/skills/guizang-social-card-skill/SKILL.md.
Что делает guizang-social-card-skill?
Скилл собирает наборы изображений для Xiaohongshu, WeChat и обложек статей из текста, скриншотов или видео: карусели 3:4, пары обложек 21:9 + 1:1, Live Photo с движением. Использует швейцарскую вёрстку и журнальные палитры.
Можно ли генерировать OOTD-фото или dreamcore-картинки?
Нет. Скилл компонует макет из материалов, которые ты подаёшь: текст, скриншоты, видео. Он не создаёт фотосъёмку одежды, еды или атмосферных декоративных кадров — для этого нужна библиотека готовых изображений.