用途：把 Stitch 屏幕（HTML 或 Stitch URL/projectId/screenId）转换为 Pencil .pen 设计稿，要求与页面布局和样式精确对应。Stitch 技能只负责 PRD→原型，本技能负责原型→.pen 设计。
主要能力：定义 HTML 元素→Pencil 节点（frame、text、ref、icon_font）映射规则、严格执行顺序，以及 Tailwind→.pen 样式映射（背景、颜色、尺寸、margin、padding、阴影、圆角、字体）。输入为 URL 时用 Stitch MCP get_screen 获取 htmlCode；用 Pencil MCP 的 open_document、batch_design、find_empty_space_on_canvas、get_screenshot 绘制与校验。
使用方式：解析 URL 得到 projectId/screenId，或使用 list_projects/list_screens；get_screen 后下载 HTML（失败则请用户粘贴）。解析 DOM 与 class 列表，识别 header、main、section、form 等语义区域，规划批次。执行顺序：Phase 0 画布准备（可选）→ Batch 1 根/header/main → Batch 2 header 内容 → Batch 3 标签栏 → 各 section 卡片与表单逐批 → 页脚。每个 batch_design 不超过 25 个操作，父节点须先于子节点创建，绑定名每批唯一，后续批次用前批绑定名引用父节点。完成后对根 frame 调 get_screenshot 与 Stitch 截图比对。
适用场景：需要高保真还原 Stitch 页面到 Pencil 设计稿；可选目标框架 uView 2、uView Pro、Bootstrap、Element Plus、Layui、Vant，此时优先使用对应设计系统 refs 与 token；未指定则用基础节点。
限制：依赖 Stitch MCP 与 Pencil MCP；需 projectId/screenId 或用户粘贴 HTML；每批最多 25 个操作；具体收费、价格、平台支持范围等资料暂未提供。