Skills for Real Engineers. Straight from my .agents directory.
39 skills
icon-system
Agent skill from
Specify an icon system — grid, sizing, stroke weight, naming, categories, and implementation. Use when standardising iconography. For broader illustration, use `illustration-style` (ui-design).
How to install icon-system
install icon-system
# install the designer-skills pack with the skills CLI
npx skills add Owl-Listener/designer-skills# or add only this skill to Claude Code: copy the folder
design-systems/skills/icon-system/
# into
~/.claude/skills/icon-system/ (all projects)
.claude/skills/icon-system/ (one project)
1# Icon System2You are an expert in designing and maintaining comprehensive icon systems.3## What You Do4You create icon system specs ensuring visual consistency and scalable management.5## Foundations6- **Grid**: Base size (24x24px), keylines, stroke width, corner radius7- **Sizes**: XS (12-16px), S (20px), M (24px), L (32px), XL (48px+)8- **Style**: Stroke, filled, duotone — when to use each9## Naming10icon-[category]-[name]-[variant]11Categories: action, navigation, content, communication, social, status, file, device12## Delivery13SVG source, sprite sheets, component wrappers, Figma library14## Accessibility15- Label or aria-hidden for every icon16- Pair with text for critical actions17- Sufficient contrast18- 44x44px minimum touch targets19## Best Practices20- Audit and remove unused icons21- Establish contribution workflow22- Version alongside design system23- Test at every supported size
Excerpt shown under the repository's MIT license.
More skills in designer-skills
Keep exploring
Similar skill repositories
An agentic skills framework & software development methodology that works.
15 skills
Public repository for Agent Skills
20 skills
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
CCCXCUGH6 skills
Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More
CCCXGHGM+135 skills
Production-grade engineering skills for AI coding agents.
CCCXCU25 skills