AgentSkillsCN

ux-delight-gate

在 Kata 会话中，将浮现的创意、任务或问题以结构化的议题形式记录下来，便于后续跟进。此技能会在 .planning/issues/open 目录下创建 Markdown 格式的议题文件，并从对话中提取相关元数据与具体内容。触发方式包括：“添加议题”、“捕捉议题”、“新建议题”、“创建议题”、“记录议题”、“归档议题”、“添加待办事项”（已废弃）、“捕捉待办事项”（已废弃）、“新建待办事项”（已废弃）。

SKILL.md
--- frontmatter
name: ux-delight-gate
description: Use after implementing UI for the achievement-tree app to evaluate and iterate for maximum comfort, speed, and delight.
metadata:
  short-description: UX/human-factors quality gate.

What to do

Run a UX quality pass and propose concrete changes, then implement them.

Checklist (must cover all)

  1. •Cognitive load
  • •Can a first-time user add a root node within 3 seconds without reading?
  • •Are primary actions visually obvious (affordance)? If not, fix.
  • •Is there any "form-like" friction that can become inline?
  1. •Motor ergonomics
  • •Are click targets large enough? (>= 40px touch-friendly)
  • •Is the most frequent interaction near the focal area, not in corners?
  • •Does zoom/pan feel controllable (no nausea, no overshoot)?
  1. •Feedback & emotion
  • •Every action gives immediate feedback within 100ms.
  • •Add/done transitions are satisfying, not distracting.
  • •The URL capacity meter feels like an instrument: readable at a glance.
  1. •Error recovery
  • •Undo/redo works for all destructive edits.
  • •Over-limit state provides friendly rescue actions (“shrink suggestions”), not dead ends.

Output format

  • •List top 10 UX issues (prioritized), each with a measurable fix.
  • •Implement top 3–5 fixes immediately.