Icon Set Generator

What it does

The Icon Set Generator creates custom sets of visually consistent SVG icons tailored to specific projects. It ensures all icons within a set share a unified style, including stroke weight, corner treatment, and visual density. This helps create a distinct visual identity for projects, avoiding the generic look often associated with standard icon libraries. The skill automates consistency by defining style rules once and applying them across all generated icons.

When to use it

• When you need a unique visual identity for a website or project beyond what existing icon libraries offer.
• For projects requiring a specific aesthetic (e.g., modern, friendly, corporate) that can be reflected in custom icons.
• When creating a large number of icons where maintaining manual consistency would be challenging.
• To quickly generate an initial set of industry-specific icons based on project details.
• For projects with existing brand guidelines or color palettes to ensure visual harmony.

Key capabilities

• Generates SVG icon sets.
• Enforces consistent styling across all icons (stroke weight, corner treatment, visual density).
• Provides style presets (Clean, Sharp, Soft, Minimal, Bold) as starting points for icon design.
• Organizes icons into categories like Navigation, Communication, Trust, Actions, and Industry-Specific.
• Outputs a complete set including style-spec.json, preview.html and individual SVG files within an icons/ directory.

Example prompts

• "Generate an icon set for a plumbing business in Newcastle with a modern feel."
• "Create icons for a corporate website using the 'Sharp' style preset."
• "I need icons for navigation, communication, and actions; suggest some options."

Tips & gotchas

• The skill requires understanding of the project’s purpose and desired aesthetic. A brief description is sufficient to begin.
• Review generated icons in batches (around 5) to ensure consistency before continuing generation.
• Familiarize yourself with references/style-presets.md and references/svg-examples.md for style options and SVG implementation details.