# graphic-content-creation

Помогает проектировать карусели и публикации с картинками для Xiaohongshu. Раскладывает сценарий по слайдам, продумывает заголовки и текстовые плашки.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 316 установок · ★ 504
- Автор: vivy-yi
- Лицензия: не указана · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/vivy-yi/xiaohongshu-skills/tree/HEAD/skills/01-内容创作/graphic-content-creation/SKILL.md
- Обновлён: 2026-01-23
- HTML: https://affpapa.org/nevibecode/skills/graphic-content-creation

## Что делает

Скилл задаёт структуру визуальных постов для Xiaohongshu. Он распределяет материал по карусели из 3–7 слайдов: формулирует цепляющий заголовок для обложки, разбивает объяснение на логические шаги и готовит финальный призыв к действию. Для каждого слайда агент расписывает визуальную иерархию, ограничивая текст 3–5 тезисами, чтобы пост легко читался с экрана смартфона.

В правилах зафиксированы технические рамки площадки: вертикальные пропорции 3:4 или 4:5, разрешение от 1080x1440 пикселей и вес файла до 5 МБ. Подход рассчитан на пошаговые инструкции, обзоры продуктов, подборки и форматы «до и после». При этом для видеороликов инструкция прямо отсылает к отдельному навыку short-video-production.

Скилл только размечает сценарий и тексты плашек, поэтому собирать финальную графику придётся в стороннем редакторе вроде Canva или Xingtu.

## Установка

### Claude Code (родная платформа)

1. **Через Skills CLI (Vercel)**
```bash
npx skills add vivy-yi/xiaohongshu-skills --skill graphic-content-creation -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/graphic-content-creation/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/graphic-content-creation/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add vivy-yi/xiaohongshu-skills --skill graphic-content-creation -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/graphic-content-creation/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add vivy-yi/xiaohongshu-skills --skill graphic-content-creation -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/graphic-content-creation/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install vivy-yi/xiaohongshu-skills graphic-content-creation
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/graphic-content-creation/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add vivy-yi/xiaohongshu-skills --skill graphic-content-creation -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/vivy-yi/xiaohongshu-skills --path skills/01-内容创作/graphic-content-creation
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/graphic-content-creation/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add vivy-yi/xiaohongshu-skills --skill graphic-content-creation -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/vivy-yi/xiaohongshu-skills/tree/HEAD/skills/01-内容创作/graphic-content-creation/SKILL.md

## Когда брать
- спланировать карусель из 3–7 слайдов для Xiaohongshu
- составить сценарий визуальной пошаговой инструкции
- оформить карточки обзора товара с плюсами и минусами
- подготовить структуру сравнительного поста в формате «до и после»
- распределить заголовки и тезисы по уровням визуальной иерархии

## Примеры запросов агенту
- Распиши карусель на 5 слайдов для Xiaohongshu с обзором увлажняющего крема
- Помоги составить пошаговый гайд из 6 карточек по настройке рабочего места в формате 3:4
- Сделай структуру поста «до и после» для Xiaohongshu с текстами плашек

## Похожие
- [content-creation](https://affpapa.org/nevibecode/skills/content-creation.md) — скилл · 4900 установок
- [content-creator](https://affpapa.org/nevibecode/skills/sickn33-content-creator.md) — скилл · 1100 установок
- [content-creation-and-marketing](https://affpapa.org/nevibecode/skills/content-creation-and-marketing.md) — скилл · 314 установок
- [instagram-carousel](https://affpapa.org/nevibecode/skills/instagram-carousel.md) — скилл · 817 установок
- [graphic-design](https://affpapa.org/nevibecode/skills/graphic-design.md) — скилл · 492 установки
- [xiaohongshu-cover-generator](https://affpapa.org/nevibecode/skills/xiaohongshu-cover-generator.md) — скилл · 1800 установок

Из того же набора: [vivy-yi/xiaohongshu-skills](https://affpapa.org/nevibecode/by/vivy-yi/xiaohongshu-skills.md) — 11 карточек

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md