# visual-asset-generator

Субагент Claude, который генерирует иконки приложения, фавиконы, OG-изображения и логотипы через MCP-сервер prompt-to-asset.

- субагент · `type=agent` · Claude Code · ★ 26065
- Автор: VoltAgent Community
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/VoltAgent/awesome-claude-code-subagents/tree/HEAD/categories/06-developer-experience/visual-asset-generator.md
- Обновлён: 2026-10-11
- HTML: https://affpapa.org/nevibecode/agents/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.

## Установка

### Claude Code (родная платформа)

1. **Через маркетплейс плагинов**
В чате агента (не в терминале):
```text
/plugin marketplace add VoltAgent/awesome-claude-code-subagents
```
В чате агента (не в терминале):
```text
/plugin install voltagent-dev-exp@voltagent-subagents
```

2. **Вручную: положить файлы**
- Файл: `.claude/agents/visual-asset-generator.md` — Для всех проектов — ~/.claude/agents/. Claude делегирует задачу сам по полю description или по @-упоминанию

### Codex

**Вручную: положить файлы**
- Файл: `.codex/agents/visual-asset-generator.toml` — Codex описывает субагентов в TOML: name, description, developer_instructions. Текст из Markdown перенесите в developer_instructions вручную. Для всех проектов — ~/.codex/agents/

### Cursor

**Вручную: положить файлы**
- Файл: `.cursor/agents/visual-asset-generator.md` — Cursor понимает и .claude/agents/

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/VoltAgent/awesome-claude-code-subagents/tree/HEAD/categories/06-developer-experience/visual-asset-generator.md

## Когда брать
- сгенерировать иконку приложения 1024×1024px с прозрачным фоном
- сделать фавикон, который читается в 16px
- собрать OG-изображение 1200×630px с названием проекта
- получить логотип в SVG и его вордмарк-вариант
- подготовить баннеры под Twitter/X и LinkedIn нужных размеров

## Примеры запросов агенту
- сгенерируй иконку приложения для моего проекта, фон прозрачный
- нужна OG-картинка 1200×630px с названием проекта из README
- сделай логотип и вордмарк, SVG предпочтительно

## Похожие
- [asset-spec](https://affpapa.org/nevibecode/skills/asset-spec.md) — скилл · 431 установка
- [critique-visual-hierarchy](https://affpapa.org/nevibecode/skills/critique-visual-hierarchy.md) — скилл · 2000 установок
- [scroll-scrubbed-visual-sequence](https://affpapa.org/nevibecode/skills/scroll-scrubbed-visual-sequence.md) — скилл · 1500 установок
- [visual-plan](https://affpapa.org/nevibecode/skills/visual-plan.md) — скилл · 1300 установок
- [unsplash-asset-images](https://affpapa.org/nevibecode/skills/unsplash-asset-images.md) — скилл · 1600 установок
- [web-asset-generator](https://affpapa.org/nevibecode/skills/web-asset-generator.md) — скилл · 933 установки

Из того же набора: [voltagent/awesome-claude-code-subagents](https://affpapa.org/nevibecode/by/voltagent/awesome-claude-code-subagents.md) — 143 карточки

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md