← ClaudeAtlas

chrome-extension-iconslisted

Search and generate icons for Chrome browser extensions. Automatically downloads SVG icons from Iconify (275,000+ free icons), converts them to required PNG sizes (16x16, 32x32, 48x48, 128x128), and updates manifest.json configuration. Use when the user mentions "extension icon", "browser extension icon", "chrome icon", "add icon to extension", "generate icon for extension", or when working with Chrome extension manifest.json icon setup. Supports color customization, local SVG conversion, and batch generation for multiple projects.
aiskillstore/marketplace · ★ 329 · Data & Documents · score 82
Install: claude install-skill aiskillstore/marketplace
# Chrome Extension Icons Generate professional icons for Chrome browser extensions in seconds using Iconify's vast library of 275,000+ free open-source icons. ## Quick Start Workflow When the user requests an extension icon, follow these steps: ### 1. Understand the Request Extract key information: - **Icon theme/keyword**: What type of icon? (e.g., "calendar", "music", "settings", "bookmark") - **Target directory**: Where to save icons (default: `./icons`) - **Manifest location**: Path to manifest.json (default: `./manifest.json`) - **Color preference**: Any specific color requirement (optional) - **Context**: Is manifest.json already present? Is this a new project? ### 2. Search for Icons Automatically Run the search command with the extracted keyword: ```bash node ~/.claude/skills/chrome-extension-icons/scripts/generate-icons.js search "<keyword>" ``` **Expected output**: - List of matching icons with preview URLs - Best match automatically identified - Top 5 results displayed (best match + 4 alternatives) **Present to user**: - Show the best matching icon with its ID and preview link - Briefly mention that 4 alternative options are also available if they want to choose differently - Provide the preview URL so they can see what the icon looks like **Example presentation**: ``` I found a great calendar icon for your extension: Best match: mdi:calendar Preview: https://icon-sets.iconify.design/mdi/icons/calendar.html I'll generate this icon in 4 sizes (16x16, 32