UX Baseline Check

---

name: ux-baseline-check

description: >

Core pack — always active for visual work. Enforces UX quality standards on any

screen, flow, form, or dashboard. Ensures nothing ships with missing states.

Auto-activates alongside design-review for all frontend work.

---

# UX Baseline Check

Core Pack — Always Active

This is a core skill. Apply it on ALL visual and frontend work alongside design-review.

Every screen ships with ALL states covered. No exceptions. This is the minimum bar.

The State Inventory

Before any page or component is "done", verify each applicable state exists:

1. Data States

2. Interaction States

3. Form States

4. Responsive

5. Accessibility

6. Edge Cases

How to Use

Run this checklist AFTER the feature works but BEFORE design review. For each missing state, either:

1. **Implement it** (preferred)

2. **Document it as a known gap** and tell Aaron explicitly

Never silently skip a state. If it's intentionally deferred, say so.

Quick Pass vs Full Pass

**Quick pass** (components, small features): States 1-2 only

**Full pass** (pages, flows, shipping features): All 6 sections

The Test

Ask yourself: "What happens if the network is slow, the data is weird, the user is on a phone, or they're using a keyboard?" If you don't know, you haven't finished.