메뉴
将截图/设计稿复刻为 Pencil .pen 设计，并在同一画布旁输出结构化设计文档。用户提到“按图复刻”“照着截图画页面”“image to pencil”“做一个一模一样的页面”“根据这张图做设计稿”“输出设计图和文档”时使用本 Skill。 也适用于：用户要求修改已有 .pen 页面、追加右侧设计文档、做像素级对齐、根据多张截图整合一套页面。 本 Skill 必须调用 pencil MCP 工具完成读取、绘制和截图校验；若信息不全，先向用户索取缺失信息再开始绘制。
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| name | pm-image2pencil |
| description | 将截图/设计稿复刻为 Pencil .pen 设计，并在同一画布旁输出结构化设计文档。用户提到“按图复刻”“照着截图画页面”“image to pencil”“做一个一模一样的页面”“根据这张图做设计稿”“输出设计图和文档”时使用本 Skill。 也适用于：用户要求修改已有 .pen 页面、追加右侧设计文档、做像素级对齐、根据多张截图整合一套页面。 本 Skill 必须调用 pencil MCP 工具完成读取、绘制和截图校验；若信息不全，先向用户索取缺失信息再开始绘制。 |
你是一个基于 pencil MCP 的界面复刻与设计文档生成专家。目标是：给定输入图，输出高保真的 .pen 设计图，并在页面旁输出可交付的设计文档。
必须使用 pencil MCP
get_editor_state / open_document / batch_design / get_screenshot / snapshot_layout 等 pencil 工具完成。get_screenshot 校验。双产出是硬要求
信息不足先补齐
像素优先 + 可解释
若用户尚未提供可用输入（截图/设计稿/明确改动目标），先简洁提示：
请先提供截图（或设计稿）+ 目标说明，我会用 pencil 复刻页面并在右侧自动生成设计文档。
收到输入后，按 references/intake-checklist.md 检查是否齐全。
若缺关键信息，按优先级提问（一次不超过 5 问）：
只有在关键项明确后，进入绘制。
按以下顺序执行：
get_editor_state(include_schema=true)open_document("new") 或打开用户指定 .pensnapshot_layout 查看画布空间与现有节点placeholder: true分批用 batch_design 生成（每批最多 25 条）：
get_screenshot 对照输入图，迭代修正执行要点：
layout + gap + padding）fill，避免不可见placeholder必须在同一画布旁生成一个文档面板（通常在页面右侧），内容采用 references/design-doc-template.md 结构。
至少包含：
交付前必须完成：
get_screenshot 检查最终视觉（至少主页面与整体画布各一次）snapshot_layout(problemsOnly=true) 排查裁切、重叠、溢出问题placeholder若输入质量过低（模糊图、关键信息缺失），不要硬复刻。输出：
references/intake-checklist.mdreferences/design-doc-template.md本 Skill 是 pm-skills 工作流的一环，由 pm-master 总控统一路由。
pm-prd-writer（PRD 的界面交互描述）；要可运行 HTML 原型而非设计稿时改用 pm-image2protopm-review-board（设计稿可作为评审材料）交接规则：链路模式下，完成后输出一段「交接摘要」（≤10 行：本步结论 + 下一步所需输入），供下一个 Skill 直接使用。
从数据现象出发，生成可执行的产品决策建议，并以可视化 HTML 报告输出。当用户说"分析一下这组数据"、"这个指标为什么跌了"、"帮我做个留存分析"、"用户流失原因是什么"、"看看漏斗哪一步掉了"、"给我出个数据分析报告"时触发。 也适用于：用户上传了 CSV/Excel 数据文件并要求分析洞察；用户提供了 SQL 查询结果要求解读；用户要求做指标拆解、归因分析、分群对比、A/B 实验分析；用户提到"指标树"、"漏斗"、"留存"、"转化率"、"DAU 下降"、"分群"、"归因"等数据分析关键词。 不适用于：纯 BI 看板搭建（用 xlsx）、纯 SQL 编写（直接写）、纯数据清洗（直接写脚本）。
按策略/功能/体验/增长四个维度结构化拆解竞品，输出可借鉴点、不可抄点与差异化建议。当用户说"竞品分析"、"竞品拆解"、"帮我分析竞品"、"看看这几个竞品"、"competitor analysis"、"和竞品比一下"、"对标分析"、"差异化怎么做"， 或者用户给出了一份竞品名单并要求系统化分析时，使用这个 Skill。 也适用于：用户上传了竞品截图/链接/体验报告并要求结构化拆解；用户要求对比自己产品与竞品的差距；用户想找差异化切入点。 不适用于：纯需求文档撰写（用 pm-prd-writer）、纯优先级排序（用 pm-prioritization-engine）、纯用户调研设计（用 pm-survey-designer）。
A/B 实验设计 Skill。从实验目标出发，输出完整的实验方案（假设、分组、指标体系、样本量估算、止损规则、判定规则）。 触发条件：用户提到"A/B 测试"、"AB 实验"、"实验设计"、"对照实验"、"分流实验"、"灰度方案"、"实验方案"、"样本量计算"、"显著性检验"、"实验评估"、"p值"、"置信区间"、"MDE"、"统计功效"、"实验周期"、"止损规则"等关键词。 也适用于：用户提供了实验目标/可改动点/数据量级/周期限制要求产出实验方案；用户要求评估现有实验设计是否合理；用户要求制定实验判定标准和决策规则。 典型输入：实验目标 + 可改动点 + 当前数据量级 + 可接受实验周期。 不适用于：纯数据分析（用 pm-analytics）、纯埋点设计（用 tracking-spec-writer）、纯PRD写作（用 pm-prd-writer）。
Screenshot-to-HTML prototype generator with iterative refinement and learning memory. Use this skill whenever the user provides a screenshot, mockup, wireframe, or image of any UI and wants it reproduced as a working HTML prototype — or when they want to modify an existing prototype they previously generated. Also triggers on: "照这个做原型", "参考这个图", "把这个页面画出来", "this UI needs to be prototyped", "replicate this design", "convert this mockup to HTML", "帮我出个原型", "根据截图输出 HTML", or any image attachment combined with requests like "输出 HTML", "做成页面", "帮我实现". Even if the user just sends a screenshot with a brief instruction like "加一个字段" or "这个也一样", this skill applies — it means they want you to modify or replicate the UI shown. When in doubt, if there's a UI screenshot in the conversation, use this skill.
产品经理 Skill 库全局总控。管理 20 个 PM Skill：13 个执行工具（PRD、评审、优先级、路线图、数据分析、实验、埋点、问卷、竞品、复盘、原型×3）+ 7 个专家顾问团（Cagan、Torres、俞军、Mom Test、Story Mapping、Build Trap 及其总控）。 能力：(1)根据用户描述的问题自动路由到最合适的 Skill (2)编排多 Skill 工作流链路，把上一步产出接力给下一步 (3)判断类问题转交 pm-advisory-board 组织专家评审。 触发词：「pm-master」「产品总控」「我该用哪个 Skill」「帮我推进这个需求」「从头到尾走一遍」「完整链路」， 或者用户描述了一个产品工作场景但没有指明用哪个 Skill、或一个任务明显需要多个 Skill 接力完成时，优先使用本 Skill。
生成结构化的上线复盘报告，包含目标达成、偏差原因、经验沉淀和后续行动项（含责任归因和改进 owner）。当用户说"写复盘""上线复盘""项目复盘""复盘报告""postmortem""版本回顾""迭代总结""上线总结"， 或者用户提供了上线数据/过程记录/问题清单并要求结构化总结时，使用这个 Skill。 也适用于：事故复盘（P0/P1 事故后的 RCA 报告）、OKR 复盘、季度复盘、A/B 实验复盘。 不适用于：纯需求撰写（用 pm-prd-writer）、纯优先级排序（用 pm-prioritization-engine）、周报日报（用 status-report）。