用途:作为设计总监角色,让界面看起来是为特定产品与受众定制,而非套用同类默认样式。与 @heyeddi-design 配合:本技能负责“外观”,一次完成 PLAN→ACT→CRITIQUE;@heyeddi-design 负责产品、人物画像、.heyeddi/design.md 与 Vue/Flutter 交接,并记录这些令牌,不另造第二套配色或字体系统。
主要能力:按界面类型选择 Persuade、Operate、Read、Experience 四种模式;用五行简报(模式、受众、目标、证明、方向)确定方向;以命名令牌表达布局、字体、颜色、深度、动效与文案决策;检查并复用 Penpot 中已有的颜色、字体、组件与令牌集;将决策写回 Penpot 库(颜色、字体样式、三层令牌 global/semantic/component、组件与变体);执行 12 项评审(特异性、模式契合、层级、节奏、字体、颜色、对比度、状态、动效、文案、反套路、Penpot 规范)。
使用方式:在 .heyeddi/stack.json 中 design.taste 保持开启,design.penpot 可设为 auto(默认)、on 或 off。auto 且缺少该键时,若会话中存在 Penpot MCP 工具则使用 Penpot,否则走 2.6 回退。技能一次跑完,不要求用户调用命令;最多问一个无法推断的关键问题。Penpot 未连接时输出五行简报、令牌表、布局规格、组件状态、动效表,以及可选的单文件 HTML+CSS(CSS 自定义属性与令牌同名,含 reduced-motion 媒体查询)。
限制:简报优先,明确指定的字体、颜色、年代、材质或布局必须遵守,即使出现在反套路清单中;精修保留原有识别与范围外内容,重设计才替换外观;不得编造价格、客户、标志、指标、评价或能力,占位内容需标注;不规定构建工具、组件库或动画包;Penpot 中动画时长与缓动无令牌类型,需记录在 spec/motion 板与最终消息中;大范围或破坏性编辑前需说明并确认。具体收费、价格与平台支持信息暂未提供。