crit-density-spacing
CommunityRefine UI density and whitespace for clarity.
Authormetedata
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Density and spacing decisions in design systems are often inconsistent and slow to converge during critiques. This skill provides structured guidance to evaluate, compare, and lock spacing across layout, components, and typography.
Core Features & Use Cases
- Density option generation: Create multiple density configurations (spacious, comfortable, compact, dense) with consistent tokens.
- Whitespace and rhythm analysis: Identify grouping, separation, emphasis, and rest to improve readability.
- Convergence workflow: Read locked facets, compare options in a crit loop, and converge toward a final direction.
Quick Start
Provide 2-4 density options and compare them side-by-side to guide the final spacing direction.
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-density-spacing Download link: https://github.com/metedata/design-crit/archive/main.zip#crit-density-spacing 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.