Creates cohesive, production-ready icon sets and comprehensive design systems for modern user interfaces.
This skill transforms Claude into a specialized icon design expert capable of building scalable, consistent iconography from scratch or optimizing existing libraries. It guides users through defining visual styles, establishing grid systems, and generating optimized SVG code while ensuring adherence to accessibility standards and pixel-perfect design principles. Whether you are building a brand-new product design system or performing an audit on an existing UI, this skill provides the workflows and technical specifications needed to maintain professional visual consistency across all interfaces.
Key Features
01Automated icon audits to identify consistency gaps and performance issues
02Style-specific guidelines for outlined, filled, duo-tone, and hand-drawn icons
03Custom SVG code generation with optimized paths and accessible markup
046 GitHub stars
05Expert recommendations for top-tier icon libraries like Heroicons, Lucide, and Phosphor
06Comprehensive icon design system establishment including stroke weight and grid alignment
Use Cases
01Standardizing an existing icon library to ensure consistent stroke weights and styles across a product
02Selecting and implementing the most efficient icon library for a specific tech stack like React or Tailwind
03Building a custom, branded icon set for a new SaaS platform or mobile application
