design-spatial - Design and validate spatial UI composition
Guide web UI composition by rendering layouts, reviewing screenshots, measuring balance, minimizing task transit, and checking horizontal overflow.
Tags
Updated: 2026-10-05Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Render pages at multiple widths
- Review screenshots with fresh eyes
- Measure horizontal overflow
- Trace user task flow
- Measure visual balance
- Iterate layout composition
Inputs
- Web UI source code
- Product domain context
- User task sequence
- Target viewport widths
- Rendered page screenshots
Outputs
- Rendered UI screenshots
- Layout critique findings
- Overflow measurement results
- Responsive layout changes
- Balance measurement results
Requirements
- Static web server
- Headless Playwright
- Independent review agent
- Browser JavaScript execution