用途：把 Stitch 屏幕（HTML 或 Stitch URL/projectId/screenId）转换为与页面布局、样式精确对应的 Pencil .pen 设计稿。Stitch 技能只负责 PRD→原型，本技能负责原型→.pen 设计。
主要能力：解析 Stitch 导出的 Tailwind HTML，提取 DOM 树与各节点 class；定义 HTML 元素→Pencil 节点（frame、text、ref、icon_font）及 batch_design 操作（I/U/R/M/D/C/G）的映射；将 Tailwind 类映射为 .pen 属性（fill、padding、gap、stroke、cornerRadius、fontSize、fontWeight、textColor 等）；按严格阶段顺序拆分批次，每批 batch_design 不超过 25 个操作。
使用方式：输入为 Stitch URL 或 projectId/screenId 时，用 Stitch MCP get_screen 获取 htmlCode.downloadUrl 并下载 HTML；也可直接使用用户粘贴的 HTML。随后解析 DOM、规划批次，调用 Pencil MCP：open_document、可选 find_empty_space_on_canvas、按序 batch_design，最后 get_screenshot 校验。执行顺序为：画布准备→根/header/main→header 内容→tabs→各 section/card 及其 body→footer。父节点须先于子节点创建，跨批次用绑定名引用父节点，绑定名每批唯一。
适用场景：需要将 Stitch 页面高保真还原为 Pencil 设计稿；可选目标框架 uView 2、uView Pro、Bootstrap、Element Plus、Layui、Vant，设置后优先使用对应设计系统 refs 与 token；未设置则用基础节点。
限制：依赖 Stitch MCP 与 Pencil MCP；HTML 下载失败需用户粘贴；每批最多 25 个操作；需 Stitch projectId/screenId 或 HTML；具体收费、价格、平台与效果资料暂未提供。