用途:给定截图或设计稿,输出高保真 .pen 设计图,并在页面旁附可交付设计文档,属于 pm-skills 工作流的一环,由 pm-master 路由。
主要能力:复刻布局、间距、字号、边框、颜色与交互状态;同步产出含页面目标、布局结构、字段清单、交互规则、视觉规范、待确认项的设计文档;支持修改已有 .pen 设计。
使用方式:必须通过 pencil MCP 工具完成设计与修改,常用步骤为先 get_editor_state(include_schema=true),无文档时 open_document("new") 或打开指定 .pen,必要时 snapshot_layout 查看画布,绘制前给目标节点加 placeholder: true,分批用 batch_design 生成(每批不超过 25 条),每轮后 get_screenshot 对照迭代,最后去掉 placeholder。布局优先用 flex(layout + gap + padding),文本必须设置 fill。
适用场景:用户提到按图复刻、照着截图画页面、image to pencil、做一个一模一样的页面、根据这张图做设计稿、输出设计图和文档,或要求修改已有 .pen 文件。
限制:信息不足时不得盲画,需先补问关键项(Web 或 Mobile、目标尺寸、精度、必须一致区域、交互状态、文档章节),一次不超过 5 问。交付前须完成 get_screenshot 视觉校验与 snapshot_layout(problemsOnly=true) 排查裁切、重叠、溢出,并输出待确认项。输入过差时只能列出已识别信息、无法确定区域和需补充的最小信息集。未提供收费、价格、平台等细节。