Asset Generator Skill

Generate complete app asset sets from a single design configuration.

Quick Commands

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 screens
• android/ - Launcher icons, adaptive icons, splash screens
• web/ - PWA icons and favicons
• INSTRUCTIONS.md - Integration guide

Scale Guidelines