crit-density-spacing

Evaluate density and spacing options across dashboards, forms, and cards.

3|Updated Feb 23, 2026
One-click install
npx skills add https://github.com/metedata/design-crit --skill crit-density-spacing
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: crit-density-spacing
Source: https://github.com/metedata/design-crit/tree/main/skills/crit-density-spacing
Command: npx skills add https://github.com/metedata/design-crit --skill crit-density-spacing

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about crit-density-spacing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I evaluate UI density and whitespace options during a design critique?

To evaluate UI density and whitespace, compare 2-4 density options side-by-side across locked layouts, wireframes, and component sets to guide the final spacing direction. This structured workflow ensures spacing decisions converge consistently.

What is a consistent spacing scale and why is it needed for design systems?

A consistent spacing scale defines UI density tokens uniformly across components. It is needed to systematically generate multiple density configurations—spacious, comfortable, compact, and dense—while maintaining visual rhythm and ensuring touch targets remain compliant.

How do I create multiple density configurations for dashboards and forms?

Create multiple density configurations by applying consistent spacing tokens to generate spacious, comfortable, compact, and dense variations. Apply these options to dashboards, forms, and cards, then analyze whitespace and rhythm to improve grouping and readability.

Can I use density critique workflows on existing wireframes and component sets?

Yes, you can apply density critique workflows to locked layouts, wireframes, and component sets. The process reads locked facets, compares 2-4 density options in a crit loop, and converges toward a final design direction for the existing components.

What is the best way to converge spacing decisions across UI components?

The best way to converge spacing decisions is using a convergence workflow that reads locked facets and compares density options in a crit loop. This ensures spacing tokens are defined consistently and touch targets remain compliant across all components.