asset-generator
Generate app icons, splash screens, and adaptive icons for iOS, Android, and Web. Use when creating or updating visual assets.
When & Why to Use This Skill
This Claude skill automates the generation of comprehensive app asset sets, including icons, splash screens, and adaptive icons for iOS, Android, and Web platforms. It streamlines the design-to-development workflow by allowing users to create professional, platform-compliant visual assets from simple text commands or design configurations, supporting advanced features like dark mode, gradients, and custom scaling.
Use Cases
- Multi-Platform Launch: Rapidly generating all required icon sizes and splash screens for iOS, Android, and Web to meet app store submission requirements from a single configuration.
- Brand Identity Updates: Efficiently updating existing app visuals across all platforms simultaneously by modifying colors, fonts, or text-based logos.
- Rapid Prototyping: Creating high-quality placeholder or MVP-level icons and splash screens during the early stages of development without needing dedicated design software.
- Automated Asset Pipelines: Integrating visual asset generation into developer CI/CD workflows or automation scripts using the tool's JSON output and CLI capabilities.
| name | asset-generator |
|---|---|
| description | Generate app icons, splash screens, and adaptive icons for iOS, Android, and Web. Use when creating or updating visual assets. |
Asset Generator Skill
Generate complete app asset sets from a single design configuration.
Quick Commands
| Task | Command |
|---|---|
| Show help | bun run dev generate --help |
| Launch TUI | bun run tui |
| List Google Fonts | bun run dev list-fonts |
| Show platforms | bun run dev list-platforms |
| Dry run | bun run dev generate --dry-run |
Common Tasks
Text-based Icon
bun run dev generate \
--fg-text "X" \
--fg-font "Inter" \
--fg-color "#FFFFFF" \
--bg-color "#000000"
Gradient Background
bun run dev generate \
--bg-type gradient \
--bg-gradient-colors "#B3D9E8,#004C6E" \
--bg-gradient-type linear \
--bg-gradient-angle 180 \
--fg-text "A" \
--fg-font "Playfair Display"
Custom Scale
bun run dev generate \
--icon-scale 0.8 \
--splash-scale 0.3 \
--fg-text "M"
Dark Mode Variants
bun run dev generate \
--dark-mode \
--dark-bg-color "#1A1A1A" \
--fg-text "D" \
--fg-color "#FFFFFF"
Specific Platforms
bun run dev generate \
--platforms "ios,android" \
--types "icon,adaptive" \
--fg-text "P"
JSON Output (for automation)
bun run dev generate --format json --quiet
Output Structure
Assets are saved to ./assets/generated-{timestamp}/:
ios/- App icons and splash screensandroid/- Launcher icons, adaptive icons, splash screensweb/- PWA icons and faviconsINSTRUCTIONS.md- Integration guide
Scale Guidelines
| Option | Range | Default | Best For |
|---|---|---|---|
--icon-scale |
0.2-1.0 | 0.7 | 0.6-0.7 standard, 0.8-0.9 bold |
--splash-scale |
0.1-0.5 | 0.25 | 0.2-0.3 standard, 0.15-0.2 minimal |