用途：将现有应用程序页面、视图或组件代码翻译为 Penpot 屏幕，并绑定到既有设计系统。支持 JSX/TSX、HTML、Vue/Svelte 模板、CSS/Tailwind、styled-components 等输入。
主要能力：先只读发现现有 token 集与库组件，再逐段将代码转为带语义化 token 绑定和组件实例的 Penpot Board。核心规则是绝不一次性生成整屏，也绝不在匹配 token 存在时硬编码颜色、间距、圆角或字号；所有间距需为 4px 倍数；重复 UI 部分优先使用 component.instance()；无匹配 token 时仅提出建议并停下等待批准。
使用方式：先执行 high_level_overview，再通过 execute_code 运行 inspectDesignSystem.js 枚举 token 与组件；随后运行 createScreenWrapper.js 创建屏幕 Board 并添加 flex column 布局；每个区段单独调用一次 execute_code 运行 buildSection.js（组件实例 + applyToken 绑定）；最后运行 validateScreen.js 检查 token 覆盖率与孤儿原始值。每阶段以 ✋ 检查点展示 export_shape 并等待确认。
适用场景：将已有前端代码按设计系统规范搬入 Penpot，用于设计交接、视觉回归参考或原型重建。
限制：文档明确要求不得一次性构建整屏，不得在 token 存在时硬编码，不得擅自发明 token，不得未经批准 detach() 实例；token 应用为异步（约 100ms），需在后续调用中校验 resolvedValue；padding token 绑定需 Penpot 2.17 及以上，旧版本回退为镜像数值并记录例外；具体安装命令、收费信息、平台限制及 API 签名细节暂未提供，建议使用前调用 penpot_api_info 核实。