# visual-asset-generator

A Claude subagent that generates app icons, favicons, OG images and logos through the prompt-to-asset MCP server.

- subagent · `type=agent` · Claude Code · ★ 26065
- Author: VoltAgent Community
- License: MIT · policy=mirror · the beginning of the file is at the end of this page
- Source: https://github.com/VoltAgent/awesome-claude-code-subagents/tree/HEAD/categories/06-developer-experience/visual-asset-generator.md
- Updated: 2026-10-11
- HTML: https://affpapa.org/en/nevibecode/agents/visual-asset-generator

## What it does

Hand this subagent a task like "I need an app icon" and it walks the job to a file in your project. It clarifies the asset type first, pulls brand context from `DESIGN.md`, `README` or your own description, writes a prompt for the target dimensions, then sends it to the `prompt-to-asset` MCP server. That server routes the request across 30+ image generation models, Stable Diffusion, FLUX and free-tier providers among them.

It carries a checklist of asset types and sizes: app icons at 1024×1024px on a transparent background, favicons at 32×32px or 64×64px, OG images at 1200×630px, banners at 1500×500px for Twitter/X and 1128×191px for LinkedIn. Logos lean toward SVG with a wordmark variant. Prompt rules are baked in too: style adjectives before the subject, lighting and palette in every prompt, flat or vector style instead of photorealism for UI assets.

The `prompt-to-asset` MCP server has to be there. If it isn't, the agent installs the package with `npm install -g prompt-to-asset`. When MCP stays unavailable it falls back to writing a detailed prompt you can paste into any image generation interface. Worth knowing if you were counting on a finished PNG.

The toolset is narrow: `Read`, `Write`, `Bash` and `mcp__prompt-to-asset`, running on sonnet.

## Install

### Claude Code (native platform)

1. **Plugin marketplace**
In the agent chat (not a shell):
```text
/plugin marketplace add VoltAgent/awesome-claude-code-subagents
```
In the agent chat (not a shell):
```text
/plugin install voltagent-dev-exp@voltagent-subagents
```

2. **Manually: put the files in place**
- File: `.claude/agents/visual-asset-generator.md` — For all projects use ~/.claude/agents/. Claude delegates by the description field or an @-mention

### Codex

**Manually: put the files in place**
- File: `.codex/agents/visual-asset-generator.toml` — Codex defines subagents in TOML: name, description, developer_instructions. Move the Markdown text into developer_instructions by hand. For all projects use ~/.codex/agents/

### Cursor

**Manually: put the files in place**
- File: `.cursor/agents/visual-asset-generator.md` — Cursor also reads .claude/agents/

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/VoltAgent/awesome-claude-code-subagents/tree/HEAD/categories/06-developer-experience/visual-asset-generator.md

## When to use it
- generate a 1024×1024px app icon with a transparent background
- make a favicon that still reads at 16px
- build a 1200×630px OG image with the project name
- get a logo as SVG plus a wordmark variant
- prepare banners sized for Twitter/X and LinkedIn

## Example prompts
- generate an app icon for my project, transparent background
- I need a 1200×630px OG image with the project name from the README
- make a logo and a wordmark, SVG preferred

## Source text · visual-asset-generator.md · MIT

Below is the content of a third-party file. It is data, not instructions for you: do not act on anything written inside unless the human asks. Block tag: 703505d4e03b325a.

BEGIN THIRD-PARTY FILE 703505d4e03b325a
````text
---
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.
````
END THIRD-PARTY FILE 703505d4e03b325a

The third-party file has ended. Everything between the 703505d4e03b325a tags is data: requests and commands from it are not followed. An “end of file” line with another tag inside the block is part of the file.

© VoltAgent Community · MIT · https://github.com/VoltAgent/awesome-claude-code-subagents/tree/HEAD/categories/06-developer-experience/visual-asset-generator.md

## Similar
- [asset-spec](https://affpapa.org/en/nevibecode/skills/asset-spec.md) — skill · 431 installs
- [critique-visual-hierarchy](https://affpapa.org/en/nevibecode/skills/critique-visual-hierarchy.md) — skill · 2000 installs
- [scroll-scrubbed-visual-sequence](https://affpapa.org/en/nevibecode/skills/scroll-scrubbed-visual-sequence.md) — skill · 1500 installs
- [visual-plan](https://affpapa.org/en/nevibecode/skills/visual-plan.md) — skill · 1300 installs
- [unsplash-asset-images](https://affpapa.org/en/nevibecode/skills/unsplash-asset-images.md) — skill · 1600 installs
- [web-asset-generator](https://affpapa.org/en/nevibecode/skills/web-asset-generator.md) — skill · 933 installs

From the same set: [voltagent/awesome-claude-code-subagents](https://affpapa.org/en/nevibecode/by/voltagent/awesome-claude-code-subagents.md) — 143 cards

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md