Skills

icon-set-generator

Installation
Summary

Generate cohesive, project-specific SVG icon sets with enforced visual consistency.

  • Builds custom icon sets from a shared style specification, ensuring identical stroke weight, corner treatment, and visual density across all icons
  • Supports five preset styles (Clean, Sharp, Soft, Minimal, Bold) tailored to different project aesthetics; recommends based on industry and brand vibe
  • Includes industry-specific icon suggestions organized by category (navigation, communication, trust, actions) and reference implementations to prevent style drift
  • Delivers SVGs using currentColor for CSS-driven theming, plus an HTML preview page and style-spec.json documenting the complete set
SKILL.md

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)
Related skills

More from jezweb/claude-skills

Installs
1.0K
Repository
jezweb/claude-skills
GitHub Stars
778
First Seen
Feb 18, 2026
Security Audits
Gen Agent Trust HubPass
SocketPass
SnykPass