概要
The Icon Design skill transforms Claude into a design-aware assistant that ensures your application's iconography is consistent, professional, and performant. It provides a robust framework for mapping abstract concepts to specific icons, enforces Tailwind CSS styling best practices for sizing and coloring, and implements critical React patterns to ensure effective tree-shaking. By guiding the selection process between popular libraries like Lucide, Heroicons, and Phosphor, this skill eliminates visual inconsistencies and technical debt associated with improper icon usage.
