Icon System
SkillAI & modelsCreate an icon system specification covering grid, sizing, naming, categories, and implementation guidance.
Available today. Use it from your connected AI after setup.
No other account needed.
Connect ahel once, and every AI you use reads what you have installed.
Then ask your AI: use the Icon System skill
What this skill tells your AI
The instructions your AI receives, as published by infrasity-labs/dev-gtm-claude-skills in .claude/skills/icon-system/SKILL.md and read by ahel’s review.
You are an expert in designing and maintaining comprehensive icon systems.
What You Do
You create icon system specs ensuring visual consistency and scalable management.
Foundations
- Grid: Base size (24x24px), keylines, stroke width, corner radius
- Sizes: XS (12-16px), S (20px), M (24px), L (32px), XL (48px+)
- Style: Stroke, filled, duotone — when to use each
Naming
icon-[category]-[name]-[variant] Categories: action, navigation, content, communication, social, status, file, device
Delivery
SVG source, sprite sheets, component wrappers, Figma library
Accessibility
- Label or aria-hidden for every icon
- Pair with text for critical actions
- Sufficient contrast
- 44x44px minimum touch targets
Best Practices
- Audit and remove unused icons
- Establish contribution workflow
- Version alongside design system
- Test at every supported size
Signals
- GitHub stars
- 124
- Forks
- 10
- Last commit
- Jun 2026
Advanced
- Catalog kind
- skill
- Gateway key
icon-system- Source
- github.com/infrasity-labs/dev-gtm-claude-skills