icon-set-generator
Agent skill from
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 visual assets for a web project. Produces individual SVG files with a consistent style engine, not generic icon library lookups.
How to install icon-set-generator
npx skills add jezweb/claude-skills# or add only this skill to Claude Code: copy the folder
plugins/design-assets/skills/icon-set-generator/
# into
~/.claude/skills/icon-set-generator/ (all projects)
.claude/skills/icon-set-generator/ (one project)
1# Icon Set Generator23Generate 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.45## Why This Matters67Generic 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.89## Workflow1011### Step 1: Understand the Project1213Ask about the project. You need enough to suggest icons and pick a style:1415- What's the business/project? (industry, name, vibe)16- Any brand guidelines or colour palette? (informs style choices even though SVGs use currentColor)17- What feel? (modern, friendly, corporate, minimal, bold)18- Roughly how many icons? (typical small site: 15-25)1920A brief like "plumber in Newcastle, modern feel" is enough to proceed. Don't over-interview.2122### Step 2: Suggest Icons2324Read `references/industry-icons.md` for industry-specific suggestions. Organise into groups:2526- **Navigation** — menu, close, arrows, search27- **Communication** — phone, email, location, clock28- **Trust** — star, shield, award, users29- **Actions** — download, share, calendar, form30- **Industry-Specific** — icons unique to this business type31…
Excerpt shown under the repository's MIT license.