icon-set-generator
Generate cohesive, project-specific SVG icon sets for websites and applications. Use this skill whenever the user needs custom icons, an icon set for a website or app, icons for a client project, or mentions needing SVG icons that look consistent together. Also trigger when the user describes a project and icons would naturally be part of the deliverable — e.g. 'I'm building a site for a plumber' implies they'll need service icons. Trigger on: 'icons for', 'icon set', 'custom icons', 'SVG icons', 'make me icons', 'I need icons', 'website icons', 'project icons', or any request for consistent v
npx skills add jezweb/claude-skills --skill icon-set-generator --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Icon Set Generator Generate custom, visually consistent SVG icon sets tailored to specific projects. Each set is built from a shared style specification so every icon looks like it belongs with the others — same stroke weight, same corner treatment, same visual density. ## Why This Matters Generic icon libraries (Lucide, Heroicons) are great but every site using them looks similar. A custom icon set gives a project distinct visual identity. The hard part is consistency — drawing 20+ icons individually causes style drift. This skill solves that by defining style rules once and enforcing them across every icon. ## Workflow ### Step 1: Understand the Project Ask about the project. You need enough to suggest icons and pick a style: - What's the business/project? (industry, name, vibe) - Any brand guidelines or colour palette? (informs style choices even though SVGs use currentColor) - What feel? (modern, friendly, corporate, minimal, bold) - Roughly how many icons? (typical small site: 15-25) A brief like "plumber in Newcastle, modern feel" is enough to proceed. Don't over-interview. ### Step 2: Suggest Icons Read `references/industry-icons.md` for industry-specific suggestions. Orga
- Why This Matters
- Workflow
- Step 1: Understand the Project
- Step 2: Suggest Icons
- Step 3: Define the Style Spec
- Step 4: Generate the Icons
- Step 5: Deliver
- SVG Rules
- SVG Template
- Hard Rules
- Optical Corrections
- style-spec.json
- Preview Page
- Quality Checklist
What does the icon-set-generator skill do?
Generate cohesive, project-specific SVG icon sets for websites and applications. Use this skill whenever the user needs custom icons, an icon set for a website or app, icons for a client project, or mentions needing SVG icons that look consistent together. Also trigger when the user describes a project and icons would naturally be part of the deliverable — e.g. 'I'm building a site for a plumber' implies they'll need service icons. Trigger on: 'icons for', 'icon set', 'custom icons', 'SVG icons', 'make me icons', 'I need icons', 'website icons', 'project icons', or any request for consistent v
How do I install it?
Run `npx skills add jezweb/claude-skills --skill icon-set-generator --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From jezweb/claude-skills, a repository with 954 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.