用途：给定截图或设计稿，输出高保真 .pen 设计图，并在页面旁生成可交付的设计文档，适合“按图复刻”“照着截图画页面”“做一个一模一样的页面”等需求，也可用于修改已有 .pen 文件。
主要能力：通过 pencil MCP 完成设计生成与修改，使用 get_editor_state、open_document、batch_design、get_screenshot、snapshot_layout 等工具；双产出为设计图与设计文档；强调像素优先与可解释性，文档说明结构、字段、交互和视觉规范。
使用方式：先检查输入是否齐全，信息不足时按优先级提问（一次不超过 5 问），如 Web 还是 Mobile、目标尺寸、复刻精度、必须一致区域、交互状态、文档章节。随后初始化编辑上下文：get_editor_state(include_schema=true)，无文档则 open_document("new") 或打开指定 .pen，必要时 snapshot_layout。绘制前给目标节点加 placeholder: true，分批用 batch_design 生成（每批最多 25 条），每轮后 get_screenshot 对照迭代。文档面板按 references/design-doc-template.md 结构生成，至少含页面目标、布局结构、模块/字段清单、交互规则、视觉规范、待确认项。
适用场景：界面复刻、设计稿交付、设计文档同步产出、已有 .pen 修改。
限制：必须使用 pencil MCP，不用 HTML/CSS 替代 .pen，不跳过 get_screenshot 校验；输入质量过低时不硬复刻，需输出已识别信息、无法确定区域及最小补充信息集。