Icon Set Generator
Generates a cohesive SVG icon set for a project from a style spec, with optical corrections and a preview page.
$ npx skills add https://craftwork.design/skills/icon-set-generator -a claude-code -y
Installs into .claude/skills/icon-set-generator. Add -g for every project.
SKILL.md
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. Organise into groups:
More graphics & generative art
- Anatomy
Builds detailed interactive isometric SVG figures that explain a technical idea as a physical object, with optional WebGL.
wheresryan22Graphics & generative art5.2K - Pixel2Motion
Turns a raster logo into a clean minimal SVG and choreographs it into an SVG or HTML animation.
nolangzGraphics & generative art2.4K
