asset-generator

📁 guillempuche/app-asset-generator 📅 Jan 28, 2026

总安装量

周安装量

#54127

全站排名

安装命令

npx skills add https://github.com/guillempuche/app-asset-generator --skill asset-generator

Agent 安装分布

opencode 1

cursor 1

claude-code 1

Skill 文档

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

GitHub 仓库 ↗ ← 返回陌讯 Skills 聚合平台