icon-system-skill
Builds a coherent UI icon system across library choice, sizing, weight, motion, and accessibility.
Builds a coherent UI icon system across library choice, sizing, weight, motion, and accessibility.
icon-system-skill guides library selection across Lucide, Phosphor, Heroicons, Radix Icons, and React Icons, then defines optical sizing, stroke-versus-fill choices, weight matching, and color inheritance through currentColor. It also covers animated SVG patterns, aria labels, and 44×44px touch targets, with eight project-archetype recipes. Use it when an interface needs a consistent icon language rather than one-off symbols.
Resource types
Use cases
Platforms
Turns one idea into a clean peanut-led concept illustration.
Keeps generated UI aligned with explicit design rules.
Public GitHub facts last synced Jul 10, 2026.
Route a design brief through color, effects, typography, and icon skills in a coherent order.
Plan product design projects in Claude with reusable PRCSS workflows.