Back to browse
Claude Code

Icon System Generator

Turn SVG icons into type-safe React components with tree-shaking

Intermediate30 min6.2k downloads4.4
design/Icons
DesignerSoftware Engineer
terminal
claude install community/icon-system-gen
by ui-factory

About this skill

Icon system creation: process SVG files into optimized React components, generate sprite sheets, create type-safe icon name exports, and produce usage documentation.

Capabilities

  • file editing
  • code execution

Use cases

  • Icon libraries
  • SVG optimization
  • Component generation

Tags

iconssvgcomponentssystem

Developers also use

Skills frequently paired with Icon System Generator

Discover more →
51% match
Computer UseClaude Code

Responsive Tester

Test responsive layouts at every breakpoint with visual proof

Both used by Designer, Software Engineer

Beginner6.8k
49% match
Claude CodeMCP

Figma to Code

Convert Figma designs to production code with proper responsive handling

Both used by Designer, Software Engineer

Intermediate16.2k
49% match
Claude CodeComputer Use

Design Token Extractor

Extract a complete token set from any website or codebase

Both used by Designer, Software Engineer

Intermediate8.4k
47% match
Claude CodeComputer Use

Accessibility Audit

Run a full WCAG 2.2 accessibility audit with actionable fixes

Both used by Designer, Software Engineer

Beginner10.2k
45% match
Claude CodeCursor

Design System Builder

Build a complete design system from a brand guide automatically

Both used by Designer, Software Engineer

Intermediate14.8k
45% match
Claude CodeCursor

Animation Library

Create smooth, performant animations with CSS, Framer Motion, or GSAP

Both used by Designer, Software Engineer

Intermediate9.6k