extension-assetslisted

# Extension Assets (Icon & Image Generator) Generate all required icons and assets for a Chrome extension and CWS listing. Do NOT just explain — execute the workflow. ## Assets Checklist ### Extension Icons (required) | File | Size | Usage | |------|------|-------| | `icon16.png` | 16x16 | Favicon, context menus | | `icon32.png` | 32x32 | Windows taskbar | | `icon48.png` | 48x48 | Extensions management page | | `icon128.png` | 128x128 | Installation dialog, CWS store icon | ### Action Icons (toolbar) | File | Size | |------|------| | `action16.png` | 16x16 | | `action24.png` | 24x24 | | `action32.png` | 32x32 | ### CWS Listing Assets | Asset | Size | Required? | |-------|------|-----------| | Screenshots | 1280x800 or 640x400 | Yes (1–5) | | Small promo tile | 440x280 | For featured placement | | Large promo tile | 920x680 | Optional | | Marquee promo tile | 1400x560 | Optional | ## Workflow (Execute This) ### Step 1: Generate or locate source icon Ask user: "Do you have a source logo? (SVG or PNG, min 512x512)" **If no source — generate SVG directly:** Create a clean, professional SVG icon. Design should be: - Simple geometric shapes (recognizable at 16x16) - Flat design, no gradients (clean at all sizes) - Natural, hand-crafted look (NOT AI-generated style) - 2-3 colors max, bold contrast Save as `icon.svg` in project root. ### Step 2: Convert SVG → PNG (Node.js script) ```bash npm install -D sharp node scripts/generate-icons.js ``` See `references/icon-convert