asset-creator

# asset-creator ## Purpose Creates code-based visual assets (SVG, CSS, HTML) for projects and marketing. Handles logos, OG images, social cards, and icon sets. Outputs actual files with light/dark variants and usage instructions. This skill creates CODE-based assets — not raster images. ## Called By (inbound) - `marketing` (L2): banners, OG images, social graphics - `design` (L2): UI asset generation during design phase - L4 `@rune/ui`: design system assets ## Calls (outbound) None — pure L3 utility. ## Executable Instructions ### Step 1: Receive Brief Accept input from calling skill: - `asset_type` — one of: `logo` | `og_image` | `social_card` | `icon` | `icon_set` | `banner` - `dimensions` — width x height in pixels (e.g. `1200x630` for OG images) - `style` — description of visual style (e.g. "minimal dark", "comic bold", "glassmorphism") - `content` — text, brand name, tagline, or icon names to include - `output_dir` — where to save files (default: `assets/`) ### Step 2: Design Before writing code, determine design parameters: 1. Check if the project has `.rune/conventions.md` — use `Read` to load color palette and typography 2. If no conventions file, apply defaults based on `style`: - "dark" → `#0c1419` bg, `#ffffff` text, `#2196f3` accent - "light" → `#faf8f3` bg, `#1a1a1a` text, `#1d4ed8` accent - "comic" → `#fffef9` bg, `#1a1a1a` text, `2px solid #2a2a2a` border, `4px 4px 0 #2a2a2a` shadow - "glassmorphism" → `rgba(255,255,255,0.05)` bg, `backd...