用途：把 Penpot 设计选区与工程师实现的代码（React/Vue 组件文件、Storybook 故事或渲染后的 DOM+CSS）进行比对，产出结构化 DRIFT 报告，覆盖令牌使用、结构、间距、字体、圆角与状态覆盖。默认 suggest 模式，只读画布，不执行任何变更。
主要能力：通过 execute_code 读取 penpot.selection 与 penpotUtils.shapeStructure 获取结构；用 penpotUtils.tokenOverview 读取令牌，用 penpot.generateMarkup 与 penpot.generateStyle 提取设计的 HTML/CSS；用 export_shape 生成对比图片；检查 shape.tokens 获取绑定令牌，并与原始填充、间距、圆角、字体值对照。
使用方式：流程为 Discovery → Extract → 生成对比图 → 设计↔代码映射 → Diff 输出报告，每步一次 execute_code，阶段之间有检查点。先确认选区非空并确认代码来源；无代码源时降级为仅与设计系统令牌比对并在报告头部说明。报告中每个视觉发现须指出绑定令牌，颜色漂移给出十六进制差值及 WCAG 影响，间距漂移给出像素差与是否在 4px 网格上，状态覆盖以矩阵呈现，并按 Critical/Major/Minor 定级。调和修改需交接给写能力技能，本技能不修改画布。
限制：不支持在画布上直接修复；命名语义化程度低会降低映射质量；未提供内容（如具体框架支持范围、收费、平台、安装命令）暂未提供。