icon-set-generator

The Icon Set Generator is a specialized skill for designers and developers who need to move beyond generic libraries like Lucide or Heroicons to establish a distinct visual identity for their projects. Instead of sourcing disparate icons, this skill enforces a rigorous design system that ensures every asset—from navigation elements to industry-specific iconography—shares identical stroke attributes, corner treatments, and visual weight. By establishing a shared style specification (such as Clean, Sharp, Soft, Minimal, or Bold), the agent automatically balances optical weights and applies hard constraints to SVG paths, ensuring professional-grade consistency at scale.

• Automatically suggests industry-specific icon lists based on project type, business model, and required UI functionality.

• Enforces strict SVG architecture including currentColor support, shared viewBox, consistent stroke-width, and optimized path construction.

• Generates a self-contained preview.html for immediate visual inspection across different sizes and background contrasts.

• Provides a style-spec.json file that preserves design intent for future updates or additions to the icon set.

• Eliminates style drift by baking rules into the generation process, including optical corrections for curved versus straight lines and pointed shape overshoots.

• The skill triggers on requests for custom icons, website asset generation, or whenever a project description implies a need for consistent visual components.

• Ideal for software architects, frontend developers, and agencies building custom web platforms, dashboard interfaces, or mobile applications.

• Users should provide basic project context, such as industry, target vibe, and approximate icon count, to enable the agent to select the most appropriate style preset.

• The output includes individual optimized SVG files and a master preview page suitable for immediate integration into React, Vue, or static HTML projects.

• Designed for high-precision workflows; all generated paths snap to a half-pixel grid with minimal element counts for maximum rendering performance and aesthetic clarity.