К основному содержанию
скилл CX Codex

svg-icon-generator — скилл для Claude Code: генерация SVG-иконок

Скилл для задач с SVG-иконками: подсказывает шаги, пишет код и проверяет результат. Включается сам, когда в запросе есть «svg».

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add jeremylongshore/tons-of-skills-marketplace --skill svg-icon-generator -a claude-code
Открыть на GitHub

Что делает 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-code

2Вручную: положить файлы

~/.claude/skills/svg-icon-generator/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/svg-icon-generator/

По шагам, с командами для каждой платформы: Как установить скилл в 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

Похожие скиллы

Всё по теме «Дизайн» →
icon-set-generator jezweb Скилл рисует набор SVG-иконок под конкретный проект: один стиль, одна сетка, одинаковый штрих. Пригодится, когда сайту нужен свой набор, а не Lucide. CX Codex +1 1 900установок svg-art kv0906 Скилл для генерации SVG-графики кодом: иконки, паттерны, фракталы, диаграммы и графики через исполняемые Python-скрипты. CX Codex +1 509установок icon-system Owl-Listener Задаёт правила для системы иконок: сетку 24x24px, шкалу размеров, именование и доступность. Пригодится при наведении порядка в дизайн-системе проекта. CX Codex +1 2 400установок llm-icon-finder daymade Скилл находит ссылки на иконки AI-моделей и провайдеров из библиотеки lobe-icons и помогает скачать их в SVG, PNG или WEBP. CX Codex +1 952установок suggest-icon FortAwesome Подбирает иконку Font Awesome под ситуацию, слово или понятие и проверяет, что она есть в вашей версии или Kit. CX Codex +1 551установок SVG Logo Designer rknall Скилл собирает SVG-логотипы по описанию бренда: несколько концепций, раскладок и цветовых версий. Пригодится, когда нужен логотип или иконка прямо в проекте. CX Codex +1 8 200установок

Из того же набора6

backtesting-trading-strategies Прогоняет торговую стратегию по историческим данным и считает метрики риска до того, как в игру пойдут реальные деньги. CX Codex +1 4 700установок mindmap-generator Скилл помогает разбираться с задачами по созданию интеллект-карт: предлагает пошаговые рекомендации, генерирует конфигурации и проверяет результат. CX Codex +1 1 000установок performance-lighthouse-runner Скилл даёт пошаговые рекомендации и помогает создавать код и конфигурации для задач производительности во фронтенде. Активируется по запросам о performance. CX Codex +1 632установок d2-diagram-creator Скилл для работы с диаграммами D2: подключается по упоминанию в запросе и ведёт агента по шагам. Пригодится, когда нужна схема в коде проекта, а не в стороннем редакторе. CX Codex +1 345установок tracking-crypto-prices Скилл тянет курсы криптовалют с бирж, отдаёт историю за период и следит за вотчлистами. Пригодится, когда агенту нужны цены для портфеля или расчётов. CX Codex +1 343установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой