← ClaudeAtlas

ui-evaluatorlisted

Run evidence-backed UI acceptance. Use after generating a page, or when the user wants a design review or recirculatable critique against declared goals and success criteria.
Bandersnatch0x/design-playbook · ★ 2 · Web & Frontend · score 58
Install: claude install-skill Bandersnatch0x/design-playbook
# ui-evaluator **Evaluator** contract: turn **declarations** into checks. Do not invent new taste standards. Every issue **points back** to a declaration. ## Steps ### 1. Bind declarations Identify which of these apply to this surface (repo files, prior turns, or design-playbook defaults): `spec` · `domain` · `craft` · `design` · `components` · `template`. **Done when:** the check set is named; if `spec` L6 exists, every criterion and its required proof are on the list. ### 2. Run checks Walk every applicable row (exhaustive for bound declarations): | Check | Source | | --- | --- | | Empty / loading / error / permission | `spec` | | Risk color, secrets, dangerous ops | `domain` | | AI slop, hierarchy, purposeless motion | `craft` | | Raw hex / px / ms (unlogged) | `design` | | Badge/Tag, Dialog/Drawer, … | `components` | | Shell matches scene | `template` | | Each L6 acceptance item | `spec` | | Required proof exists for each L6 item | `spec` | Dimension selection, 回流示例, the preview-seam health check (required when the run produced `preview/` artifacts), and the **observe\* mirror-surface** finding (required when any manifest capture notes `surface: mirror`): [`references/rubric.md`](references/rubric.md). Record an evidence ledger before writing findings. Every L6 criterion has exactly one row: ```text criterion: L6.<n> required: <declared proof> observed: <artifact path, interaction, check result, or missing> result: pass|fail|blocked|N/A ``` `observed` i