SVG Logo Designer — скилл для Claude Code: логотипы в SVG
Скилл собирает SVG-логотипы по описанию бренда: несколько концепций, раскладок и цветовых версий. Пригодится, когда нужен логотип или иконка прямо в проекте.
npx skills add rknall/claude-skills --skill svg-logo-designer -a claude-codeЧто делает SVG Logo Designer
Скилл ведёт агента по фазам: сначала выясняет вводные о бренде — название, отрасль, аудиторию, характер, конкурентов. Потом спрашивает про тип логотипа: wordmark, lettermark, pictorial mark, abstract mark, mascot, combination mark или emblem. Дальше уточняет стиль, палитру, шрифты и технические требования вроде размера и контекста использования.
На выходе несколько концепций, и для каждой — раскладки: горизонтальная, вертикальная, квадратная, только иконка, только текст. SVG-код агент пишет с viewBox, группами, стилями в defs и атрибутами role/aria-labelledby для доступности. Файлы сохраняются по шаблону вроде company-name-logo-concept1-horizontal.svg.
Готовьтесь к тому, что агент задаст много вопросов перед первой строкой кода — без ответов про аудиторию и стиль он не начнёт. Скилл советует закладывать 3–5 концепций, так что на одну итерацию уйдёт заметно больше времени, чем на правку готового файла.
Какие задачи решает
- сделать логотип из текстового описания бренда
- получить несколько концепций логотипа за один проход
- собрать горизонтальную и вертикальную версии одного знака
- подготовить иконку для favicon или аватара
- выгрузить логотип в SVG, который масштабируется без потерь
Примеры запросов агенту
- Сделай логотип для проекта «Северный ветер»: минималистичный, синий, с иконкой и текстом
- Нужны 3 концепции логотипа для кофейни, плюс версия только с иконкой
- Собери monochrome-версию этого логотипа для тёмного фона
Как установить SVG Logo Designer
1Через Skills CLI (Vercel)
npx skills add rknall/claude-skills --skill svg-logo-designer -a claude-code2Вручную: положить файлы
~/.claude/skills/svg-logo-designer/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/svg-logo-designer/
1Через Skills CLI (Vercel)
npx skills add rknall/claude-skills --skill svg-logo-designer -a codex2Вручную: положить файлы
.agents/skills/svg-logo-designer/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add rknall/claude-skills --skill svg-logo-designer -a cursor2Вручную: положить файлы
.cursor/skills/svg-logo-designer/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install rknall/claude-skills svg-logo-designer2Вручную: положить файлы
.github/skills/svg-logo-designer/SKILL.md1Через Skills CLI (Vercel)
npx skills add rknall/claude-skills --skill svg-logo-designer -a gemini-cli2Командой платформы
gemini skills install https://github.com/rknall/claude-skills --path svg-logo-designerВручную: положить файлы
.devin/skills/svg-logo-designer/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add rknall/claude-skills --skill svg-logo-designer -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о SVG Logo Designer
Как установить SVG Logo Designer в Claude?
Выполните npx skills add rknall/claude-skills --skill svg-logo-designer -a claude-code. Скилл появится в ~/.claude/skills/svg-logo-designer/SKILL.md.
Что делает SVG Logo Designer?
Создаёт SVG-логотипы по описанию: собирает требования к бренду, предлагает несколько концепций и раскладок, пишет оптимизированный векторный код.
Сколько концепций логотипа он выдаёт?
Скилл советует начать с 3–5 концепций, а для каждой делает несколько раскладок — горизонтальную, вертикальную, квадратную, только иконку и только текст.
