Agent skill · design visual · aiskillstore
chrome-extension-icons
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.
Why this skill is useful
Adds executable scripts for generating and customizing Chrome extension icons that automate a complex workflow.
What it needs
Requires node installed locally. About 5k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
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: 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: 3. Generate Icons Once confirmed (or auto-proceed if user said "yes" to any icon), run: With custom color (if user specified a color): 4. Verify Results After generation, check the output: Verify 4 PNG files are created: icon16.png icon32.png icon48.png icon128.png Check manifest.json was updated: 5. Report to User Provide a summary: Advanced Features Custom Color Icons When user requests a specific color (e.g., "make it red", "use my brand color #ba3329"): Note: Color customization works best with single-color SVG icons. Complex gradients may not render as expected. Convert Local SVG File When user has their own logo or SVG file: 1. First check if the file exists: 2. Convert it: 3. Optionally apply color: Batch Generation When user needs icons for multiple projects: 1. Create a configuration file icons-config.json: 2. Run batch generation: 3. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/chrome-extension-icons