woos-ui-brief-review
Independent UI brief review gate. Verifies coverage, states, flows, accessibility, and component mapping before engineering delivery.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
菜单
Independent UI brief review gate. Verifies coverage, states, flows, accessibility, and component mapping before engineering delivery.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Transform product requirements into a focused UI/UX design brief with screens, flows, visual direction, and optional image-generation concepts. Bridge between product thinking and implementation.
Stage 3 of idea-to-delivery: gated engineering workflow that receives PRD, roadmap, and architecture inputs, decomposes into stories, and executes with TDD, traceability, and review gates.
Planning and decomposition review skill adapted from ECC planner agent. Covers story-set review (Gate 2) and planning consults for upstream skills. PRD-quality review is NOT in scope — that is owned by `woos-product-prd-review-gate`.
Produce a lean story plan (table) for the Gate 3 execution loop — execution order plus diff scope per story. PRD AC is the spec; tests are the verification. No per-story prose documents.
Resolve multi-agent review conflicts with explicit authority matrix, evidence weighting, and escalation criteria.
Architecture review and design skill adapted from ECC architect agent. Use for design validation, trade-off analysis, and system-level decisions.
| name | woos-ui-brief-review |
| description | Independent UI brief review gate. Verifies coverage, states, flows, accessibility, and component mapping before engineering delivery. |
| version | 1.0.0 |
| author | Hermes Profile |
| license | MIT |
| metadata | {"hermes":{"tags":["ui","ux","review","gate","product-design"],"related_skills":["woos-product-design-flow","woos-ui-design-brief"]}} |
Run Step 5R of woos-product-design-flow as a dedicated fresh-context review skill.
This skill prevents the authoring context from self-certifying the UI brief.
woos-ui-design-briefBLOCKEDBefore reviewing, load and report:
references/persona-ux-designer.mdreferences/framework-ux-validate.mddocs/design/<version>/<feature-id>-ui-brief.mddocs/prd/<version>/<feature-id>.mdIf any required file is not loaded, return BLOCKED.
docs/reviews/<version>/<feature-id>-ui-review-rN.md| # | Criterion | Fix Hint |
|---|---|---|
| U1 | Screen coverage | List unmapped user stories; add a screen or flow for each |
| U2 | States complete | Add missing empty/loading/error/success/first-run states |
| U3 | Flows connected | Trace each flow end-to-end; add missing transitions or exits |
| U4 | Visual consistency | Remove contradicting principles; choose one direction |
| U5 | Accessibility realistic | Downgrade unrealistic targets; document actual target and trade-off |
| U6 | Components sufficient | Add missing component mappings or mark reuse explicitly |
| U7 | Principles actionable | Replace generic taste words with decision-guiding rules |
The output MUST include:
## Summary section with explicit verdictPASS — all rows passREQUEST_CHANGES — one or more rows failBLOCKED — inputs missing, same-context review detected, or any row skipped