icon-set-generator

Generate project-specific SVG icon sets with a shared style spec and preview.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/ShadowAUS/chez-king-portal --skill icon-set-generator
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: icon-set-generator
Source: https://github.com/ShadowAUS/chez-king-portal/tree/main/.tessl/tiles/jezweb/claude-skills/plugins/design-assets/skills/icon-set-generator
Command: npx skills add https://github.com/ShadowAUS/chez-king-portal --skill icon-set-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generate cohesive, project-specific SVG icon sets that maintain a consistent visual language across all icons, saving time and ensuring brand alignment.

Core Features & Use Cases

  • Define a unified style spec to keep stroke width, corners, and padding consistent across all icons.
  • Propose industry-appropriate icons using references, then generate icons in batch with a single source of truth.
  • Produce a ready-to-ship icon set with a preview page, style spec, and structured output (icons/ and metadata).

Quick Start

Provide a project brief (industry, vibe, and icon count) and I will generate a cohesive 20-icon SVG set with a style spec and preview.

Frequently Asked Questions about icon-set-generator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a cohesive SVG icon set for a design system?

You can generate a cohesive SVG icon set by providing a project brief with your industry, vibe, and icon count. The system creates a unified style spec to ensure consistent stroke width, corners, and padding across all generated icons.

How do I maintain visual consistency across multiple SVG icons?

To maintain visual consistency across SVG icons, define a shared style spec governing stroke width, corners, and padding. This single source of truth ensures a uniform visual language across all icons in the set.

Can I batch generate SVG icons based on a specific brand style?

Yes, you can batch generate SVG icons using industry references to propose appropriate icons. The workflow applies your defined brand style spec automatically to produce a consistent set of SVG icons.

What deliverables are included when creating an icon set for a web application?

Deliverables for an icon set include a ready-to-ship structured output with an icons directory, metadata, a style-spec.json file, and a preview page to visually inspect the generated SVG icons.

What is the best way to create a consistent icon language for branding projects?

The best way to create a consistent icon language is to automate icon generation using a project brief and a shared style spec. This ensures brand alignment and saves time by producing a cohesive 20-icon SVG set.

Do I need to manually specify stroke width and padding for each SVG icon?

No, you do not need to manually specify stroke width and padding for each SVG icon. A single shared style spec defines these properties once, automatically applying them across the entire generated icon set.