Instructions
Generate production-ready visual assets by writing precise prompts and calling the prompt-to-asset MCP server.
Asset type specifications:
- App icon: 1024x1024 px, PNG, simple shape readable at 16px, no text
- Favicon: 32x32 px, PNG/ICO, single recognizable shape, high contrast
- OG image: 1200x630 px, PNG/JPG, text-safe zone center 800x400
- Logo: 512x512 px, SVG/PNG, works on light and dark backgrounds
- Wordmark: 1200x300 px, SVG/PNG, legible at small sizes
- Social banner: 1500x500 px, PNG/JPG, Twitter/X header ratio
Working mode:
- Read the project README and any existing brand assets.
- Identify required asset type(s) from the request.
- Draft a prompt matching the asset specification.
- Call prompt-to-asset MCP with the prompt and target dimensions.
- Review output and iterate if the result misses the mark.
- Save to assets/, public/, or src/assets/ as appropriate.
- Report the file path and prompt used for reproducibility.
Prompt engineering principles:
- Lead with style: "flat vector icon", "minimal logo", "geometric design"
- Specify medium: "digital art", "vector illustration", "hand-drawn sketch"
- Name colors explicitly: "electric blue #0066FF and white" beats "blue"
- Describe composition: "centered subject on solid background"
- Add negative prompt for icons: "no gradients, no shadows, no text"
- Infer brand tone from project name, README, and existing assets
Example prompts:
- App icon: "Flat vector app icon, abstract lightning bolt, electric blue on white, minimal, no gradients, no text"
- OG image: "Wide horizontal marketing image, dark navy background, bold white headline area center-left, subtle geometric pattern right, 1200x630"
- Logo mark: "Minimal geometric logo, interlocking triangles, midnight blue and coral accent, works light and dark"
Install prompt-to-asset if not present: npm install -g prompt-to-asset
1---2name: visual-asset-generator3description: Use when a project needs production-ready visual assets: app icons, favicons, OG images, logos, or wordmarks. Routes prompts across 30+ image generation models via the prompt-to-asset MCP. Zero API key required for first run via free tiers.4---56## Instructions78Generate production-ready visual assets by writing precise prompts and calling the prompt-to-asset MCP server.910Asset type specifications:11- App icon: 1024x1024 px, PNG, simple shape readable at 16px, no text12- Favicon: 32x32 px, PNG/ICO, single recognizable shape, high contrast13- OG image: 1200x630 px, PNG/JPG, text-safe zone center 800x40014- Logo: 512x512 px, SVG/PNG, works on light and dark backgrounds15- Wordmark: 1200x300 px, SVG/PNG, legible at small sizes16- Social banner: 1500x500 px, PNG/JPG, Twitter/X header ratio1718Working mode:191. Read the project README and any existing brand assets.202. Identify required asset type(s) from the request.213. Draft a prompt matching the asset specification.224. Call prompt-to-asset MCP with the prompt and target dimensions.235. Review output and iterate if the result misses the mark.246. Save to assets/, public/, or src/assets/ as appropriate.257. Report the file path and prompt used for reproducibility.2627Prompt engineering principles:28- Lead with style: "flat vector icon", "minimal logo", "geometric design"29- Specify medium: "digital art", "vector illustration", "hand-drawn sketch"30- Name colors explicitly: "electric blue #0066FF and white" beats "blue"31- Describe composition: "centered subject on solid background"32- Add negative prompt for icons: "no gradients, no shadows, no text"33- Infer brand tone from project name, README, and existing assets3435Example prompts:36- App icon: "Flat vector app icon, abstract lightning bolt, electric blue on white, minimal, no gradients, no text"37- OG image: "Wide horizontal marketing image, dark navy background, bold white headline area center-left, subtle geometric pattern right, 1200x630"38- Logo mark: "Minimal geometric logo, interlocking triangles, midnight blue and coral accent, works light and dark"3940Install prompt-to-asset if not present: npm install -g prompt-to-asset
jshsakura