brand-kit — скилл для Claude Code: собирает brand-kit.json
Собирает brand-kit.json с цветами, шрифтом и голосом бренда, чтобы другие скиллы брали их оттуда. Пригодится, когда нет доступа к исходникам сайта.
npx skills add cognyai/claude-code-marketing-skills --skill brand-kit -a claude-codeЧто делает brand-kit
Скилл проходит по шести путям поиска и останавливается на первом, который даёт достаточно данных. Есть доступ к репозиторию — читает tailwind.config.ts и CSS-переменные. Есть только публичный URL — разбирает страницу через WebFetch. На руках лишь логотип или скриншот — вытаскивает палитру из картинки. Ничего нет — задаёт вопросы.
Результат кладётся в .agents/brand-kit.json, если папка .agents/ существует, иначе в .claude/brand-kit.json, иначе в текущий рабочий каталог. Путь скилл печатает, чтобы файл можно было перенести. Минимальный набор полей: colors.background, colors.foreground, colors.primary, type.family, voice.register — без всех пяти кит не выпускается.
Для извлечения палитры из изображения нужен ffmpeg, ImageMagick или Node. Если ни одного нет, скилл разбирает картинку глазами. Часть инструментов доступна только в облачных воркспейсах Cogny: на Solo их нет, и путь с загруженными ассетами пропускается.
Готовый файл читают /tiktok-launch-video, /reddit-launch-video, /linkedin-launch-video, /landing-page-review и /ad-copy-writer.
Какие задачи решает
- собрать палитру и шрифт проекта в один файл
- вытащить цвета из логотипа, когда исходников сайта нет
- описать голос бренда и запрещённые слова
- передать единый стиль скиллам для видео и лендингов
- зафиксировать фирменные цвета в hex
Примеры запросов агенту
- /brand-kit https://example.com
- /brand-kit ~/git/our-site
- /brand-kit ~/Desktop/logo.png
Как установить brand-kit
1Через Skills CLI (Vercel)
npx skills add cognyai/claude-code-marketing-skills --skill brand-kit -a claude-code2Вручную: положить файлы
~/.claude/skills/brand-kit/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/brand-kit/
1Через Skills CLI (Vercel)
npx skills add cognyai/claude-code-marketing-skills --skill brand-kit -a codex2Вручную: положить файлы
.agents/skills/brand-kit/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add cognyai/claude-code-marketing-skills --skill brand-kit -a cursor2Вручную: положить файлы
.cursor/skills/brand-kit/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install cognyai/claude-code-marketing-skills brand-kit2Вручную: положить файлы
.github/skills/brand-kit/SKILL.md1Через Skills CLI (Vercel)
npx skills add cognyai/claude-code-marketing-skills --skill brand-kit -a gemini-cli2Командой платформы
gemini skills install https://github.com/cognyai/claude-code-marketing-skills --path skills/brand-kitВручную: положить файлы
.devin/skills/brand-kit/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add cognyai/claude-code-marketing-skills --skill brand-kit -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о brand-kit
Как установить brand-kit в Claude Code?
Выполните npx skills add cognyai/claude-code-marketing-skills --skill brand-kit -a claude-code. Скилл окажется в ~/.claude/skills/brand-kit/SKILL.md.
Что делает brand-kit?
Собирает файл brand-kit.json с цветами, типографикой и голосом бренда. Его потом читают другие маркетинговые скиллы из того же набора.
Что нужно, чтобы вытащить палитру из картинки?
ffmpeg, ImageMagick или Node. Без них скилл разбирает изображение глазами.
