菜单
Design direction, UX workflows, component architecture, WCAG 2.2 accessibility, live-environment design review. Use when designing new interfaces, reviewing PR UI changes, or auditing accessibility.
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/bpmforge/attest-claude --skill ux-expert命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
基于 SOC 职业分类
正在显示 SKILL.md
| name | UX Expert |
| trigger | /ux |
| description | Design direction, UX workflows, component architecture, WCAG 2.2 accessibility, live-environment design review. Use when designing new interfaces, reviewing PR UI changes, or auditing accessibility. |
| agent | ux-engineer |
| arguments | [{"name":"task","description":"What to design or review (e.g., \"redesign settings page\", \"review PR 234\", \"audit dashboard\")","required":false},{"name":"--design","description":"Greenfield mode — produce DESIGN_PRINCIPLES.md + STYLE_GUIDE.md + UX_SPEC.md","required":false},{"name":"--review","description":"Live design review — 7-phase methodology with triage matrix (Blocker/High/Medium/Nit)","required":false},{"name":"--audit","description":"WCAG 2.2 Level AA accessibility audit only","required":false},{"name":"--flows","description":"User workflow diagrams only (no code, no style guide)","required":false}] |
Triggers the ux-engineer subagent in a forked context.
Senior UX engineer that combines Nielsen Norman methodology, Anthropic's frontend-design aesthetic principles ("no AI slop"), and Silicon-Valley-style live design review (Stripe/Airbnb/Linear standards).
Three modes:
/ux --design (greenfield) — pick a bold aesthetic direction, write design principles + style guide + UX spec. Invoked by sdlc-lead during Phase 3 for UI-bearing projects./ux --review (PR / existing UI) — 7-phase live review: Interaction → Responsive → Visual → A11y → Robustness → Code Health → Content. Uses Playwright MCP if available, falls back to script or static. Blocker/High/Medium/Nit triage./ux --audit (WCAG) — focused accessibility audit against WCAG 2.2 Level AA.Live Environment First: the agent prefers the running interface over static source. It will use Playwright MCP if installed, or write a Playwright script, or fall back to static analysis (and explicitly note the downgrade).
Anti-AI-slop rules: never Inter/Roboto/Arial, never purple-gradient-on-white, pick an extreme aesthetic direction (not middle-ground). Reference: references/design-review-checklist.md.
Outputs:
--design → docs/design/DESIGN_PRINCIPLES.md, docs/design/STYLE_GUIDE.md, docs/design/UX_SPEC.md--review → docs/UX_REVIEW.md + screenshots--audit → docs/ACCESSIBILITY_AUDIT.md