svg-icon-generator — скилл для Claude Code: генерация SVG-иконок
Скилл для задач с SVG-иконками: подсказывает шаги, пишет код и проверяет результат. Включается сам, когда в запросе есть «svg».
npx skills add jeremylongshore/tons-of-skills-marketplace --skill svg-icon-generator -a claude-codeЧто делает svg-icon-generator
Скилл входит в категорию Visual Content и заточен под работу с SVG-иконками. Он активируется автоматически, если упомянуть «svg icon generator», «svg generator» или просто «svg» в запросе к агенту. Дальше агент получает инструкции: разложить задачу по шагам, сгенерировать код и конфигурации, сверить результат с распространёнными стандартами.
Внутри — набор инструкций и таблица обработки ошибок. Она покрывает три случая: невалидная конфигурация из-за пропущенных обязательных полей, отсутствующий инструмент из-за неустановленной зависимости и отказ в доступе из-за нехватки прав. Скиллу разрешены Read, Write, Edit, Grep и Bash(cmd:*) — то есть он может читать файлы, править их и запускать команды.
Ставить его есть смысл, если вы регулярно собираете иконки для интерфейса и не хотите каждый раз объяснять агенту, что от него нужно. Заявлена совместимость с Claude, но установщик поддерживает и другие платформы. Никаких внешних сервисов и ключей не требуется: всё работает на файлах проекта.
Какие задачи решает
- сгенерировать набор SVG-иконок под интерфейс
- привести разрозненные иконки к одному стилю
- получить пошаговый план работы над визуальными ассетами
- разобраться, почему иконка не отрисовывается в проекте
- проверить SVG-разметку перед коммитом
Примеры запросов агенту
- Сгенерируй SVG-иконку корзины в том же стиле, что лежит в
assets/icons - Проверь мои SVG-иконки и скажи, что не так с разметкой
- Помоги с svg icon generator: нужен набор иконок для панели навигации
Как установить svg-icon-generator
1Через Skills CLI (Vercel)
npx skills add jeremylongshore/tons-of-skills-marketplace --skill svg-icon-generator -a claude-code2Вручную: положить файлы
~/.claude/skills/svg-icon-generator/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/svg-icon-generator/
1Через Skills CLI (Vercel)
npx skills add jeremylongshore/tons-of-skills-marketplace --skill svg-icon-generator -a codex2Вручную: положить файлы
.agents/skills/svg-icon-generator/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add jeremylongshore/tons-of-skills-marketplace --skill svg-icon-generator -a cursor2Вручную: положить файлы
.cursor/skills/svg-icon-generator/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install jeremylongshore/tons-of-skills-marketplace svg-icon-generator2Вручную: положить файлы
.github/skills/svg-icon-generator/SKILL.md1Через Skills CLI (Vercel)
npx skills add jeremylongshore/tons-of-skills-marketplace --skill svg-icon-generator -a gemini-cli2Командой платформы
gemini skills install https://github.com/jeremylongshore/tons-of-skills-marketplace --path skills/18-visual-content/svg-icon-generatorВручную: положить файлы
.devin/skills/svg-icon-generator/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add jeremylongshore/tons-of-skills-marketplace --skill svg-icon-generator -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о svg-icon-generator
Как установить svg-icon-generator в Claude Code?
Выполните npx skills add jeremylongshore/tons-of-skills-marketplace --skill svg-icon-generator -a claude-code. После этого файл скилла окажется по пути ~/.claude/skills/svg-icon-generator/SKILL.md.
Что делает svg-icon-generator?
Помогает агенту работать с SVG-иконками: даёт пошаговые указания, генерирует код и конфигурации, проверяет результат. Активируется сам при упоминании svg в запросе.
Нужны ли ключи API или внешние сервисы?
Нет. Скиллу хватает доступа к файлам проекта: он использует Read, Write, Edit, Grep и Bash(cmd:*).
Исходный текст
SKILL.md · MIT
--- name: svg-icon-generator description: 'Generate svg icon generator operations. Auto-activating skill for Visual Content. Triggers on: svg icon generator, svg icon generator Part of the Visual Content skill category. Use when working with svg icon generator functionality. Trigger with phrases like "svg icon generator", "svg generator", "svg". ' allowed-tools: Read, Write, Edit, Bash(cmd:*), Grep version: 1.0.0 license: MIT author: Jeremy Longshore <[email protected]> tags: - design - content compatibility: Designed for Claude Code --- # Svg Icon Generator ## Overview This skill provides automated assistance for svg icon generator tasks within the Visual Content domain. ## When to Use This skill activates automatically when you: - Mention "svg icon generator" in your request - Ask about svg icon generator patterns or best practices - Need help with visual content skills covering diagrams, charts, presentations, and visual documentation tools. ## Instructions 1. Provides step-by-step guidance for svg icon generator 2. Follows industry best practices and patterns 3. Generates production-ready code and configurations 4. Validates outputs against common standards ## Examples **Example: Basic Usage** Request: "Help me with svg icon generator" Result: Provides step-by-step guidance and generates appropriate configurations ## Prerequisites - Relevant development environment configured - Access to necessary tools and services - Basic understanding of visual content concepts ## Output - Generated configurations and code - Best practice recommendations - Validation results ## Error Handling | Error | Cause | Solution | |-------|-------|----------| | Configuration invalid | Missing required fields | Check documentation for required parameters | | Tool not found | Dependency not installed | Install required tools per prerequisites | | Permission denied | Insufficient access | Verify credentials and permissions | ## Resources - Official documentation for related tools - Best practices guides - Community examples and tutorials ## Related Skills Part of the **Visual Content** skill category. Tags: diagrams, mermaid, charts, visualization, presentations
© Jeremy Longshore · MIT · jeremylongshore/tons-of-skills-marketplace