用途：定义视觉风格、层级、色彩角色与组件视觉规则，输出视觉方向、风格约束和层级规则，写入 02-design.md。入口是需要定义视觉风格、层级、组件外观或对外呈现质感；出口是视觉方向定稿。需要交互主路径时指向 design-experience-interaction，需要排版时指向 design-content-layout，下游为 build-content-layout。前置加载 CANN.md 与 design-workflow-design。
主要能力：核心原则为层级先于装饰、系统先于一次性、品牌先于个人品味、气质匹配任务、可见一致性优于巧妙变化。流程分四步：读取品牌色、字体、组件库、媒介尺寸等约束；定义视觉目标（气质、首屏焦点、降权项）；定视觉系统（色彩角色、字体层级、间距对齐、卡片/按钮/图表规则）；记录不做清单。输出含视觉方向、风格与系统、页面视觉层级、Adopt/Reject 与不做清单。
使用方式：先读取 references/design-best-practices.md、references/design-inspiration-catalog.md、references/design-pattern-extract.md，并将证据写入 02-design.md 的 Design References / Pattern Synthesis / Adopt / Reject；同时读取项目根 DESIGN.md 的 YAML token 与视觉方向。流行风格必须经 Adopt/Reject，不能把“高级”“科技感”直接写成结论。
适用场景：需要定义视觉风格或组件视觉规范、提到视觉、色彩、风格、visual 的任务。
限制：纯文本或纯后端任务不适用；用户明确只允许沿用固定品牌模板且不做方向判断时不适用。风格词过于抽象需改为可执行规则；与品牌冲突以品牌约束为准；遮蔽信息层级时回退装饰；无证据需补充 best-practice scan。红旗包括无约束就选风格、缺少 scan 或 Adopt/Reject、形容词堆砌、追求冲突气质、规则无法落到页面或组件。