AgentSkillsCN

asset-generator

为 iOS、Android 以及 Web 平台生成应用图标、启动画面与自适应图标。当用户需要创建或更新视觉资产时,可使用此技能。

SKILL.md
--- frontmatter
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

TaskCommand
Show helpbun run dev generate --help
Launch TUIbun run tui
List Google Fontsbun run dev list-fonts
Show platformsbun run dev list-platforms
Dry runbun run dev generate --dry-run

Common Tasks

Text-based Icon

bash
bun run dev generate \
  --fg-text "X" \
  --fg-font "Inter" \
  --fg-color "#FFFFFF" \
  --bg-color "#000000"

Gradient Background

bash
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

bash
bun run dev generate \
  --icon-scale 0.8 \
  --splash-scale 0.3 \
  --fg-text "M"

Dark Mode Variants

bash
bun run dev generate \
  --dark-mode \
  --dark-bg-color "#1A1A1A" \
  --fg-text "D" \
  --fg-color "#FFFFFF"

Specific Platforms

bash
bun run dev generate \
  --platforms "ios,android" \
  --types "icon,adaptive" \
  --fg-text "P"

JSON Output (for automation)

bash
bun run dev generate --format json --quiet

Output Structure

Assets are saved to ./assets/generated_YYYY-MM-DD_HH-MM-SS/:

  • ios/ - App icons and splash screens
  • android/ - Launcher icons, adaptive icons, splash screens
  • web/ - PWA icons and favicons
  • README.md - Config values & integration guide

Scale Guidelines

OptionRangeDefaultBest For
--icon-scale0.1-1.50.70.6-0.7 standard, 0.8-0.9 bold, 1.0+ edge-to-edge
--splash-scale0.05-1.00.250.2-0.3 standard, 0.5-1.0 large