chrome-extension-icons

Community

Automate Chrome extension icons in seconds.

AuthorBoulea7
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the tedious process of creating the required Chrome extension icons. It searches Iconify's 275,000+ icon library, downloads the SVGs, converts them into the four required PNG sizes (16x16, 32x32, 48x48, 128x128), and updates manifest.json automatically. This eliminates manual icon hunting, editing, and configuration mistakes, saving you time and reducing complexity.

Core Features & Use Cases

  • Icon search & selection: Finds best-fit icons from the Iconify library and presents alternatives.
  • 4 size PNG generation: Produces the four required Chrome extension icon sizes in PNG with transparent background.
  • Automated manifest updates: Updates or creates manifest.json with the correct icon paths.
  • Color customization & local SVG conversion: Supports coloring single-color icons and converting your own local SVGs when needed.

Quick Start

To begin, search for an icon or provide an icon ID and run the generator to produce the four PNG sizes and update your manifest. Example: node skill/scripts/generate-icons.js generate --icon "mdi:calendar" --output "./icons" --manifest "./manifest.json"

Dependency Matrix

Required Modules

sharp

Components

scripts

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: chrome-extension-icons
Download link: https://github.com/Boulea7/ChromeExtensionIconsSkill/archive/main.zip#chrome-extension-icons

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository