Icon Design
Pick icons that match your content's meaning, not just appearance. Icon Design maps concepts to three modern libraries, provides ready-to-use React and HTML templates, and enforces consistency rules to avoid common pitfalls like broken tree-shaking and mixed styles.
Icon Design helps you select semantically appropriate icons from Lucide, Heroicons, or Phosphor for your web interfaces.
AI-generated summary based on this skill's SKILL.md
Install
oakoss/agent-skills/icon-design · repository language: Python
git clone https://github.com/oakoss/agent-skills
cp -r agent-skills ~/.claude/skills/icon-designgenerated, unverified - the skill's exact subdirectory could not be determined; check the repository on GitHub
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What is Icon Design and how does it help create custom icons?
Icon Design is a skill that maps concepts to three modern libraries and provides ready-to-use React and HTML templates for building custom icons. It helps you pick icons that match your content's meaning, not just appearance, while enforcing consistency rules to avoid common pitfalls like broken tree-shaking and mixed styles.
How to design icons using Icon Design's tools and templates?
Icon Design offers ready-to-use React and HTML templates that streamline the icon creation process. The skill maps concepts to modern icon libraries, helping you select appropriate icons and maintain visual consistency across your project while avoiding common design mistakes.
What icon design best practices does Icon Design enforce?
Icon Design enforces consistency rules that prevent common pitfalls such as broken tree-shaking and mixed styles. The skill emphasizes picking icons that match your content's meaning rather than just appearance, ensuring professional and cohesive icon implementations across applications and interfaces.
Can Icon Design help build professional icon sets and design systems?
Yes, Icon Design supports building professional icon sets and design systems by providing access to three modern libraries and enforcing consistency rules. The skill's templates and concept-mapping approach help maintain visual coherence across entire design systems.
What are the key features of Icon Design for UI and app development?
Icon Design provides three modern icon libraries, ready-to-use React and HTML templates, and consistency enforcement rules. It helps developers and designers create semantically appropriate icons for applications and interfaces while avoiding technical issues and maintaining design system integrity.