Skip to main content
Back to registry

icon-design

jezweb/claude-skills

Select the right icon for the job. Maps concepts to icons, provides templates, prevents common mistakes.

Installs427
Install command
npx skills add https://github.com/jezweb/claude-skills --skill icon-design
Security audits
Gen Agent Trust HubPASS
SocketPASS
SnykPASS
About this skill
Select the right icon for the job. Maps concepts to icons, provides templates, prevents common mistakes. Default recommendation : Lucide (1,400+ icons, excellent React integration) See references/library-comparison.md for detailed comparison. Dynamic icon selection breaks tree-shaking. Use explicit maps: When unsure which icon: - Never mix styles - Use all outline OR all solid in a section - Never use emoji - Use proper icon components (tree-shakeable) - Use currentColor - Icons inherit text color via stroke="currentColor" - Semantic colours - Use text-primary , not text-blue-500 - Identify the concept - What does the label/title communicate? - Check semantic mapping - See references/semantic-mapping.md - Choose library - Lucide (default), Heroicons (Tailwind), Phosphor (weights) - Apply template - See references/icon-templates.md - Verify consistency - Same style, same size in section - references/semantic-mapping.md - Full concept→icon tables by category - references/icon-templates.md - React/HTML patterns with Tailwind - references/library-comparison.md - Lucide vs Heroicons vs Phosphor - references/migration-guide.md - FA/Material → modern equivalents - rules/icon-design.md - Correction rules for projects

Source description provided by the upstream skill listing. Community reviews and install context appear in the sections below.

Community Reviews

Latest reviews

Sign in to review

No community reviews yet. Be the first to review.

Browse this skill in context
FAQ
What does icon-design do?

Select the right icon for the job. Maps concepts to icons, provides templates, prevents common mistakes.

Is icon-design good?

icon-design does not have approved reviews yet, so SkillJury cannot publish a community verdict.

What agent does icon-design work with?

icon-design currently lists compatibility with codex, gemini-cli, opencode, cursor, claude-code, antigravity.

What are alternatives to icon-design?

Skills in the same category include telegram-bot-builder, flutter-app-size, sharp-edges, iterative-retrieval.

How do I install icon-design?

npx skills add https://github.com/jezweb/claude-skills --skill icon-design

Related skills

More from jezweb/claude-skills

Related skills

Alternatives in Software Engineering