vibe.brand-assetslisted

Auto-generate app icons (iOS/Android/PWA), favicons, and OG images from SPEC brand information using the Antigravity image backend. Use when the project needs visual brand assets, when user mentions 'icon', 'favicon', 'logo', or 'brand assets', or when a SPEC defines brand colors/identity but no assets exist yet. Outputs multiple sizes and formats ready for deployment. Not for complex illustration or marketing graphics — focused on app identity assets.
su-record/vibe · ★ 0 · AI & Automation · score 78

Install: claude install-skill su-record/vibe

# Brand Assets Generation Skill Auto-generate app icons and favicons based on SPEC brand information. ## When to Use - First-time project setup with `/vibe.run` - When SPEC contains brand/design information - When Antigravity API key is configured ## Prerequisites - Antigravity API key configured (`vibe antigravity key <key>`) - SPEC with brand context (app name, colors, style) ## Generated Assets ### Web - `favicon.ico` (16x16, 32x32, 48x48) - `favicon-16x16.png` - `favicon-32x32.png` - `apple-touch-icon.png` (180x180) - `android-chrome-192x192.png` - `android-chrome-512x512.png` ### Mobile (if applicable) For native iOS or Android targets only, read `references/mobile-assets.md`. Web-only favicon/OG calls do not load it. ## SPEC Brand Section For best results, include brand info in your SPEC: ```yaml <context> Brand: - App Name: MyApp - Primary Color: #2F6BFF - Style: Modern, minimal, flat design - Icon Concept: Abstract geometric shape representing connectivity </context> ``` ## Generation Flow ``` SPEC Brand Info | v Extract: name, colors, style keywords | v Generate Prompt: "App icon for [name], [style], [colors]..." | v Antigravity image backend | v Resize & Convert: All platform sizes | v Save to: public/ or assets/ ``` ## Auto-Trigger Conditions 1. First `/vibe.run` execution (no existing icons) 2. SPEC contains brand/design context 3. Antigravity API key is available 4. `--generate-ic