Icon System

This generates a complete icon system specification covering the mechanics most teams skip until it's too late: grid structure, size scales from 12px to 48px+, naming conventions that actually parse, and delivery formats including SVG sprites and component wrappers. You'd use this when standarizing icons across a product or design system, especially if you're tired of developers guessing whether to use "close" or "cancel" or "x". The accessibility guidance is practical, not theoretical. Honestly, the value here is less about inventing a system and more about having someone else document the decisions you know you need to make but keep putting off.

Install to Claude Code

npx -y skills add owl-listener/designer-skills --skill icon-system --agent claude-code