vibe.brand-assets

# 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...