用途:把用户可见的前端工作(组件、页面、布局、样式、响应式、表单、数据视图等)导入最小且安全的设计路径,避免小改动被扩大成重设计,也避免该升级方向时仍沿用旧语言。
主要能力:先设定权限边界——Review 只检查并报告,不改文件;Change 实施所请求的局部改动与非破坏性检查。修改再分三档强度:Preserve 用于缺陷修复、状态变更、重构等渲染语言应保持稳定的任务;Adapt 用于应延续现有产品语言的组件、表单、内容区或有界布局改动;Direct 用于新界面、新产品或需要明确方向的大幅重设计。边界不清时取能覆盖授权改动的最低强度。
使用方式:Preserve 走内联快速路径,不加载参考,保留既有组件、token、密度、层级与文案风格,只改所请求行为及其暴露状态,有可运行路径时渲染受影响状态与最近回归视口,无法渲染则说明缺口。Adapt 读 quality-gate.md,局部模式不足时再读 surface-patterns.md。Direct 读 surface-patterns.md、reference-research.md 与 quality-gate.md。Review 读 quality-gate.md,涉及新方向时再加界面与研究参考。技能维护读 source-notes.md。设计上下文按用户请求、真实渲染与实现、项目契约、灵感素材、同类产品、标准设计系统等顺序取证据;代码与设计契约冲突时,Preserve 与 Adapt 以当前产品为准并报告分歧。
适用场景:前端评审、局部修复与维护、组件与表单扩展、新界面或重设计。
限制:不复制受保护资产、品牌标识或无关产品构图;不因触发词宽泛就为日常任务加载 Direct 指导;不编造已检查的视口或交互;缺少素材、渲染路径或未验证状态须明确说明。可选目录、MCP 服务与设计记忆格式可增强证据,但技能须在无它们时仍可用。