{"enrichment":{"faq":[{"a":"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.","q":"What is Icon Design and how does it help create custom icons?"},{"a":"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.","q":"How to design icons using Icon Design's tools and templates?"},{"a":"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.","q":"What icon design best practices does Icon Design enforce?"},{"a":"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.","q":"Can Icon Design help build professional icon sets and design systems?"},{"a":"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.","q":"What are the key features of Icon Design for UI and app development?"}],"shadow_tags":["visual-asset-creation","ui-component-design","graphic-tool","design-workflow","creative-utility","interface-elements","design-resource","asset-library"],"summary_rewrite":"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."},"gist":{"api_url":"https://skillfed.io/api/skills/oakoss/agent-skills/icon-design.json","as_of":"2026-03-02","description":"Icon Design helps you select semantically appropriate icons from Lucide, Heroicons. 13 stars \u00b7 updated Mar 2026. npx skillfed install oakoss/agent-skills/icon-design","install":{"manual":["git clone https://github.com/oakoss/agent-skills","cp -r agent-skills ~/.claude/skills/icon-design"],"primary":"npx skillfed install oakoss/agent-skills/icon-design","version":"d4d0abe7"},"kind":"skill","mirror_url":"https://skillfed.io/oakoss/agent-skills/icon-design.md","similar":[{"id":"better-auth/better-icons/skills","name":"better-icons","publisher":"better-auth/better-icons","url":"https://skillfed.io/better-auth/better-icons/skills"},{"id":"drshailesh88/integrated_content_OS/infographic-generator","name":"Infographic Generator","publisher":"drshailesh88/integrated_content_OS","url":"https://skillfed.io/drshailesh88/integrated_content_OS/infographic-generator"}],"title":"Icon Design by oakoss: Create or design custom icons for applications and interfaces \u2014 SkillFed","use":{"when":["Icon Design offers ready-to-use React and HTML templates that streamline the icon creation process.","Icon Design enforces consistency rules that prevent common pitfalls such as broken tree-shaking and mixed styles."]},"what":{"lead":"Icon Design helps you select semantically appropriate icons from Lucide, Heroicons, or Phosphor for your web interfaces.","rest":"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."}},"id":"oakoss/agent-skills/icon-design","install":{"mode":"external","repo":"https://github.com/oakoss/agent-skills"},"links":{"html":"https://skillfed.io/oakoss/agent-skills/icon-design","md":"https://skillfed.io/oakoss/agent-skills/icon-design.md","repo":"https://github.com/oakoss/agent-skills"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":5,"language":"Python","last_updated":"2026-03-02","license":null,"name":"Icon Design","publisher":"oakoss","stars":13},"relations":{"similar":[{"id":"jmsktm/claude-settings/icon-designer"},{"id":"smnandre/symfony-ux-skills/ux-icons"},{"id":"affaan-m/ECC/ios-icon-gen"},{"id":"better-auth/better-icons/skills"},{"id":"mxyhi/ok-skills/better-icons"},{"id":"drshailesh88/integrated_content_OS/infographic-generator"},{"id":"EliasOulkadi/shokunin/ui-ux-pro-max"},{"id":"gluestack/agent-skills/components"},{"id":"jezweb/claude-skills/icon-set-generator"},{"id":"modu-ai/moai-adk/moai-domain-uiux"}]},"slug":{"owner":"oakoss","repo":"agent-skills","skill":"icon-design"},"version":"d4d0abe7"}