Maps abstract concepts to appropriate icons and gives you templates to work with, which is honestly more useful than it sounds. If you've ever spent 20 minutes scrolling through icon libraries trying to find the right metaphor for "data processing" or "security," this handles that translation step. It knows the conventional mappings (lock for security, gear for settings) and helps you avoid the visual clichés that make designs feel generic. With 436 installs and passing all three security audits, it's a solid utility skill. Think of it as having a designer who speaks icon vocabulary sitting next to you when you're wireframing or prototyping.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
14
skills.sh installs
428
GitHub stars
1.1K
last updated
Aug 21, 2026

Install

$ npx -y skills add jezweb/claude-skills --skill icon-design --agent claude-code

Installs into .claude/skills of the current project.

Files

Maps abstract concepts to appropriate icons and gives you templates to work with, which is honestly more useful than it sounds. If you've ever spent 20 minutes scrolling through icon libraries trying to find the right metaphor for "data processing" or "security," this handles that translation step. It knows the conventional mappings (lock for security, gear for settings) and helps you avoid the visual clichés that make designs feel generic. With 436 installs and passing all three security audits, it's a solid utility skill. Think of it as having a designer who speaks icon vocabulary sitting next to you when you're wireframing or prototyping.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/jezweb/claude-skills
Categories
Frontend Development, Design & UI/UX
First seen
Jun 3, 2026

More from jezweb/claude-skills

All 166
1inertia-rails avatarinertia-rails-setupinertia-rails/skillsOne-time project initializer for Inertia Rails skills. Detects stack and frontend framework (React/Vue/Svelte) from Gemfile and package.json, offers to install 424skills.sh installs
2syncfusion avatarsyncfusion-blazor-commonsyncfusion/blazor-ui-components-skillsSet up Syncfusion Blazor components — project creation, NuGet packages, service registration, script loading, bUnit testing, and localization & globalization co424skills.sh installs
3unclecatvn avatarai-vibe-slidesunclecatvn/agent-skillsCreate beautiful, professional HTML or React slide decks ready for fullscreen presentation. Use this skill when the user wants to: create a PPT/slide/presentati424skills.sh installs
4pproenca avatarfeature-archpproenca/dot-skillsReact feature-based architecture guidelines for scalable applications. This skill should be used when writing, reviewing, or refactoring React code to ensure pr423skills.sh installs
5tristanmanchester avatarstyling-nativewind-v4-expotristanmanchester/agent-skillsSets up and uses NativeWind v4 (Tailwind CSS v3) in Expo React Native apps, including Expo Router. Configures tailwind.config.js, global.css, babel.config.js (j420skills.sh installs
6syncfusion avatarsyncfusion-blazor-dropdownssyncfusion/blazor-ui-components-skillsComprehensive guide for implementing Syncfusion Blazor dropdown components including AutoComplete, ComboBox, DropDown List, MultiSelect Dropdown, and ListBox. U418skills.sh installs