jezweb avatar

Icon Set Generator

Solves the actual hard part of custom icons: making 20 of them look like they belong together. You tell it the project (say, a plumbing site), it suggests relevant icons grouped by purpose (navigation, trust signals, industry-specific), then generates a complete SVG set with enforced consistency. Same stroke width, same corner treatment, same visual density across every file. It even does optical corrections so a simple chevron doesn't look weirdly lightweight next to a complex gear icon. Ships with a preview HTML file and style spec JSON. Way faster than drawing icons individually in Figma and way more distinctive than dropping in Heroicons for the thousandth time.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
7
skills.sh installs
2K
GitHub stars
1.1K
last updated
Aug 21, 2026

Install

$ npx -y skills add jezweb/claude-skills --skill icon-set-generator --agent claude-code

Installs into .claude/skills of the current project.

Files

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

Sponsors

Details

Repository
github.com/jezweb/claude-skills
Categories
Code Review & Quality, Automation & Workflows, Design & UI/UX
First seen
Apr 16, 2026

More from jezweb/claude-skills

All 166
1bytedance avatarcode-documentationbytedance/deer-flowUse this skill when the user requests to generate, create, or improve documentation for code, APIs, libraries, repositories, or software projects. Supports READ1.9Kskills.sh installs
2nvidia avatarnemo-automodel-model-onboardingnvidia/skillsGuide for onboarding new model architectures into NeMo AutoModel, including architecture discovery, implementation patterns, registration, and validation.1.9Kskills.sh installs
3nvidia avatarcupynumeric-migration-readinessnvidia/skillsPre-migration readiness assessor for porting NumPy to cuPyNumeric. Use BEFORE substantial porting work begins when the user asks whether code will scale on GPU,1.9Kskills.sh installs
4giuseppe-trisciuoglio avatarknowledge-graphgiuseppe-trisciuoglio/developer-kitManage persistent Knowledge Graph for specifications. Provides read, query, update, and validation capabilities for codebase analysis caching. Use when: spec-to1.9Kskills.sh installs
5kostja94 avatarbrandingkostja94/marketing-skillsWhen the user wants to define, audit, or apply brand strategy—purpose, values, positioning, storytelling, voice, narrative (not only visuals). Also use when the1.9Kskills.sh installs
6jimmylv avatarbibijimmylv/bibigpt-skillAI video & audio summarizer + repackager. Summarize YouTube, Bilibili, podcasts, TikTok, Twitter/X, Xiaohongshu, and any online video or audio, then optionally 1.9Kskills.sh installs