jshsakura/visual-asset-generator
skills/visual-asset-generator/SKILL.md
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.
$ install --global
skillsauthnpx skillsauth add jshsakura/awesome-opencode-skills visual-asset-generatorInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Jun 1, 2026, 2:23 AM82.9s1 file scanned
SKILL.md
- name:
- visual-asset-generator
- description:
- 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.
- compatibility:
- opencode
- model:
- gpt-5.3-codex-spark
- model_reasoning_effort:
- medium
- sandbox_mode:
- read-only
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
Related Skills
jshsakura/ui-ux-tester
testing
VerifiedTrustedCommunity
Use when a task needs exhaustive UI and UX functional testing driven by documented user flows, with structured defect reporting.
13SKILL.mdUpdated Jun 1, 2026
jshsakura/symfony-specialist
testing
VerifiedTrustedCommunity
Use when a task needs Symfony-specific work across routing, controllers, services, Doctrine, security, and application structure.
13SKILL.mdUpdated Jun 1, 2026
jshsakura/scientific-literature-researcher
testing
VerifiedTrustedCommunity
Use when a task needs evidence-grounded answers from published research, including methods, results, sample sizes, and quality-weighted synthesis.
13SKILL.mdUpdated Jun 1, 2026
jshsakura/responsible-ai-reviewer
data-ai
VerifiedTrustedCommunity
Use when a task needs review of fairness, transparency, misuse risk, and human-oversight design in AI features.
13SKILL.mdUpdated Jun 1, 2026