Icon System
owl-listener/designer-skillsAn icon system keeps all your icons looking and working the same. You define a grid like 24x24 pixels, choose sizes from tiny to huge, and pick a style such as stroke or filled. Consistent naming helps everyone find icons fast. The system also covers accessibility like labels, contrast, and touch targets. This makes your apps and websites feel polished and professional.
With clear rules and a delivery plan, you get SVG files, sprite sheets, and even a Figma library. Teams can add new icons without breaking the design. Auditing unused icons and versioning the set keeps things clean over time. Anyone building a user interface will benefit from a solid icon system.
Add Icon System skill to your workflow
Global
mkdir -p ~/.claude/skills/icon-systemProject
mkdir -p .claude/skills/icon-systemSource Repository
More Design & UI/UX Claude Code Skills
Prototypemattpocock/skills
Quick throwaway prototypes to test logic or UI before building
Lark Whiteboardlarksuite/cli
View, edit, and export Lark whiteboards as images or code easily
Sleek Design Mobile Appssleekdotdesign/agent-skills
Turn your app ideas into mobile screens just by describing them
Brainstormingobra/superpowers
Brainstorm your ideas into a clear design and get approval before building anything
Ui Ux Pro Maxnextlevelbuilder/ui-ux-pro-max-skill
All-in-one UI/UX design assistant with styles, colors, fonts, and guidelines for any platform
Redesign Existing Projectsleonxlnx/taste-skill
Upgrade your existing website or app with a professional design audit
Stitch Design Tasteleonxlnx/taste-skill
Create premium, non-generic UI designs with strict color, typography, and layout rules
Brandkitleonxlnx/taste-skill
Create premium brand-kit images that feel intentional, minimal, and presentation-ready