icon-design
✓Select semantically appropriate icons for websites using Lucide, Heroicons, or Phosphor. Covers concept-to-icon mapping, React/HTML templates, and tree-shaking patterns. Use when: building feature sections, service grids, contact info, navigation, or any UI needing icons. Prevents emoji usage, ensures consistency.
Installation
SKILL.md
Select the right icon for the job. Maps concepts to icons, provides templates, prevents common mistakes.
| Award/Quality | Trophy | trophy | Trophy | | Price/Value | Tag | tag | Tag | | Location | MapPin | map-pin | MapPin | | Expertise | GraduationCap | academic-cap | GraduationCap | | Support | MessageCircle | chat-bubble-left-right | ChatCircle | | Security | Shield | shield-check | Shield | | Speed | Zap | bolt | Lightning |
| Phone | Phone | phone | Phone | | Email | Mail | envelope | Envelope | | User/Profile | User | user | User | | Team | Users | user-group | Users | | Settings | Settings | cog-6-tooth | Gear | | Home | Home | home | House | | Search | Search | magnifying-glass | MagnifyingGlass | | Check/Success | Check | check | Check | | Close/Cancel | X | x-mark | X |
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/jezweb/claude-skills --skill icon-design- Source
- jezweb/claude-skills
- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is icon-design?
Select semantically appropriate icons for websites using Lucide, Heroicons, or Phosphor. Covers concept-to-icon mapping, React/HTML templates, and tree-shaking patterns. Use when: building feature sections, service grids, contact info, navigation, or any UI needing icons. Prevents emoji usage, ensures consistency. Source: jezweb/claude-skills.
How do I install icon-design?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/jezweb/claude-skills --skill icon-design Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/jezweb/claude-skills
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-02-01