用途：把一份 brief 转成符合既有设计系统的 Penpot 界面，扮演资深视觉设计师，优先复用现有组件与语义化 tokens，而非重绘原始图形。
主要能力：发现设计系统（token 与组件）；在 flex Board 中逐区块搭建界面；通过 applyToken 绑定颜色/间距/圆角/字体；用 component.instance() 复用组件；用 export_shape 导出检查点做视觉自检；用 penpotUtils.shapeStructure 读取结构。关键调用包括 penpot.createBoard()、addFlexLayout()、shape.applyToken、export_shape('selection'|'page')。
使用方式：强制工作流分阶段——Phase 0 发现与风格选择，Phase 1 用 scripts/createScreenFrame.js 建屏并绑定背景/间距/内边距 token，Phase 2..N 每次一个区块用 scripts/buildSection.js 构建，N+1 用 scripts/assembleScreen.js 组装并用 scripts/auditScreenQuality.js 审计（每个 Board 必须带 flex 或 grid 布局，否则 gate 失败），随后做七轴评分评审。每个检查点前需执行导出→查看→修复循环，最多两轮。
限制与规则：不得用绝对 x/y 定位，不得用纯 Group 布局；颜色、间距、圆角、字体必须绑定语义 token；间距遵循 4px 网格；每节单独一次 execute_code 调用并设检查点；组件的实例化先于原始图形；不要在技能内自建完整设计系统（转交 penpot-foundations）；需明确响应式意图。抗套路严格模式需读取 prefs.antiSlop，未设置时询问一次。
资料未提供：具体定价、平台兼容范围、性能指标、实际效果数据暂未提供。