skills.rest
ilanf23
ilanf23COMMUNITY
Explore all skills by this author →
GitHub

icon-system

Define icon set standards for grid, sizes, naming, and styles.

1|Updated Feb 3, 2026
Search Tags:#design#consistency#scalability#UI#style#icon
One-click install
npx skills add https://github.com/ilanf23/trusted-deal-navigator --skill icon-system-ilanf23
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: icon-system
Source: https://github.com/ilanf23/trusted-deal-navigator/tree/main/.claude/skills/design-systems/skills/icon-system
Command: npx skills add https://github.com/ilanf23/trusted-deal-navigator --skill icon-system-ilanf23

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

Managing visual icon consistency and scalability across design and development teams can be challenging and prone to errors.

Core Features & Use Cases

  • Create comprehensive icon specifications covering grid, sizes, naming, and styles for visual harmony.
  • Establish naming conventions and best practices to streamline icon contribution and updates.
  • Use case: A design team wants a standardized icon set with clear guidelines, ensuring icons are interchangeable and accessible across products.

Quick Start

Follow the icon system specs to standardize your icon library and improve visual consistency.

Frequently Asked Questions about icon-system

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I maintain visual consistency across a UI icon library?▼

To maintain visual consistency across a UI icon library, establish standardized specifications for icon grids, sizes, naming conventions, and styles. This ensures visual harmony and makes icons interchangeable across different products and teams.

What's the best way to structure icon naming conventions for a design system?▼

The best way to structure icon naming conventions is to establish clear best practices for contribution and updates. Standardized naming streamlines asset integration and ensures icons are easily discoverable and usable by both designers and developers.

Why does my icon set lack scalability across different UI components?▼

Your icon set may lack scalability because it is not aligned with existing design tokens and grid standards. Defining scalable icon specifications ensures your icons adapt correctly to various UI component sizes and contexts.

How do I create accessibility best practices for UI icons?▼

To create accessibility best practices for UI icons, define standards that cover visual harmony and implementation within your design system. This ensures icons are accessible and properly integrated across all product interfaces.

Do I need existing design tokens to standardize my icon library?▼

Yes, you need existing design tokens to standardize your icon library. The standardization process mandates aligning with your current design tokens and asset integration standards to guarantee seamless implementation and visual consistency.

Related Skills

Explore More Design & Creative Skills→
jwmyersjwmyers

visual-style-guide

Define color palettes, SVG styling, and token designs for Zero-Day Attack interfaces.

Community
Intermediate
Fantasia1999Fantasia1999

ui-design-system

Generate design tokens and export them as CSS variables.

Community
Advanced
dmedina-devdmedina-dev
1

ckm:brand

Synchronize brand guidelines, design tokens, and marketing assets across projects.

Community
Advanced
zm2231zm2231

style-guide-generator

Generate markdown style guides with token documentation and component catalogs.

Community
Advanced