crit-iconography
CommunityEnsure clear, consistent icon systems
Authormetedata
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Inconsistent or unclear iconography creates confusion, increases cognitive load, and undermines brand recognition; this Skill guides teams to a coherent, accessible icon system aligned with product tone and locked design decisions.
Core Features & Use Cases
- Style alignment: Map icon style (outlined, filled, duotone, rounded, sharp) to brand tone and locked shape language.
- Option generation: Produce 2-4 divergent iconography options with HTML specimens, grid/keyline specs, and size variants for compare view.
- Inventory & accessibility: Create a complete icon inventory, evaluate metaphor clarity, optical sizing, fill/outline state conventions, and accessibility labels and contrast.
- Use case: Ideal for refining navigation and toolbar icons in a SaaS dashboard, harmonizing library and custom icons, or locking an icon direction before a design handoff.
Quick Start
Run the crit-iconography skill to analyze the current icon set, generate 2-4 HTML options with specimens and inventories, and produce a compare.html for side-by-side review.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: crit-iconography Download link: https://github.com/metedata/design-crit/archive/main.zip#crit-iconography Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.