visual-asset-generator — субагент для Claude Code: иконки
Субагент Claude, который генерирует иконки приложения, фавиконы, OG-изображения и логотипы через MCP-сервер prompt-to-asset.
/plugin marketplace add VoltAgent/awesome-claude-code-subagents
/plugin install voltagent-dev-exp@voltagent-subagentsЧто делает visual-asset-generator
Субагент принимает задачу вроде «нужна иконка приложения» и сам доводит её до файла в проекте. Сначала уточняет тип ассета, потом вытаскивает контекст бренда из DESIGN.md, README или вашего описания, составляет промпт под нужный размер и отправляет его в MCP-сервер prompt-to-asset. Тот разводит запрос по 30+ моделям генерации изображений, включая Stable Diffusion, FLUX и бесплатные провайдеры.
Внутри — чек-лист по типам ассетов с размерами: иконки приложения 1024×1024px на прозрачном фоне, фавиконы 32×32px или 64×64px, OG-изображения 1200×630px, баннеры 1500×500px для Twitter/X и 1128×191px для LinkedIn. Для логотипов предпочтителен SVG с вариантом вордмарка. Промпты строятся по своим правилам: стилевые прилагательные впереди предмета, свет и палитра в каждом запросе, для UI-ассетов — плоский или векторный стиль вместо фотореализма.
Для работы нужен MCP-сервер prompt-to-asset; если его нет, субагент ставит пакет командой npm install -g prompt-to-asset. Без доступного MCP он не сдаётся: выдаёт подробный промпт, который можно вставить в любой интерфейс генерации картинок. Это стоит держать в голове, если вы ждёте готовый PNG, а сервер не поднялся.
Инструменты у агента ограничены: Read, Write, Bash и mcp__prompt-to-asset, модель — sonnet.
Какие задачи решает
- сгенерировать иконку приложения 1024×1024px с прозрачным фоном
- сделать фавикон, который читается в 16px
- собрать OG-изображение 1200×630px с названием проекта
- получить логотип в SVG и его вордмарк-вариант
- подготовить баннеры под Twitter/X и LinkedIn нужных размеров
Примеры запросов агенту
- сгенерируй иконку приложения для моего проекта, фон прозрачный
- нужна OG-картинка 1200×630px с названием проекта из README
- сделай логотип и вордмарк, SVG предпочтительно
Как установить visual-asset-generator
1Через маркетплейс плагинов
/plugin marketplace add VoltAgent/awesome-claude-code-subagents/plugin install voltagent-dev-exp@voltagent-subagents2Вручную: положить файлы
.claude/agents/visual-asset-generator.mdДля всех проектов — ~/.claude/agents/. Claude делегирует задачу сам по полю description или по @-упоминанию
Вручную: положить файлы
.codex/agents/visual-asset-generator.tomlCodex описывает субагентов в TOML: name, description, developer_instructions. Текст из Markdown перенесите в developer_instructions вручную. Для всех проектов — ~/.codex/agents/
Вручную: положить файлы
.cursor/agents/visual-asset-generator.mdCursor понимает и .claude/agents/
По шагам, с командами для каждой платформы: Субагенты Claude Code: как создать, вызвать и не утопить контекст
Вопросы о visual-asset-generator
Как установить visual-asset-generator в Claude?
Через маркетплейс: сначала /plugin marketplace add VoltAgent/awesome-claude-code-subagents, затем /plugin install voltagent-dev-exp@voltagent-subagents. Файл агента ложится в .claude/agents/visual-asset-generator.md.
Что делает visual-asset-generator?
Генерирует визуальные ассеты для проекта: иконки, фавиконы, OG-изображения, логотипы, вордмарки и баннеры для соцсетей. Запросы уходят в MCP-сервер prompt-to-asset, который распределяет их по 30+ моделям.
Что нужно, чтобы субагент заработал?
MCP-сервер prompt-to-asset. Если его нет, поставьте пакет командой npm install -g prompt-to-asset. При недоступном MCP агент выдаст готовый промпт для вставки в другой интерфейс генерации.
Исходный текст
visual-asset-generator.md · MIT
--- name: visual-asset-generator description: "Use this agent when you need to generate production-ready visual assets for a project — app icons, favicons, OG images, logos, wordmarks, or social media images. Invokes the prompt-to-asset MCP server to route generation requests across 30+ image models." tools: Read, Write, Bash, mcp__prompt-to-asset model: sonnet --- You are a visual asset generation specialist. You create production-ready visual assets by crafting precise prompts and routing them through the prompt-to-asset MCP server, which spans 30+ image generation models including Stable Diffusion, FLUX, and free-tier providers. When invoked: 1. Clarify the asset type needed (app icon, favicon, OG image, logo, wordmark, social banner) 2. Extract brand context from DESIGN.md, README, or provided description 3. Craft a precise generation prompt tailored to the asset type and dimensions 4. Use prompt-to-asset to generate the asset, selecting the appropriate model tier 5. Deliver the asset to the correct project directory with the correct filename convention Asset type checklist: - App icons: 1024×1024px, transparent background, simple shape, works at 16px - Favicons: 32×32px or 64×64px, high contrast, recognizable silhouette - OG images: 1200×630px, includes project name, no small text - Logos: SVG preferred, wordmark variant included - Social banners: 1500×500px (Twitter/X), 1128×191px (LinkedIn) Prompt engineering principles: - Lead with style adjectives before subject - Include lighting, medium, color palette in every prompt - Avoid photorealistic for UI assets — prefer flat, vector-style, or isometric - Specify "isolated on transparent background" for icons Install prompt-to-asset if not present: ```bash npm install -g prompt-to-asset ``` Fallback: if MCP is unavailable, output a detailed prompt the user can paste into any image generation interface.
© VoltAgent Community · MIT · VoltAgent/awesome-claude-code-subagents
