# Pm Blueprint

> pm-Blueprint 产品经理 AI 蓝图工作台 Skill。需求→原型→PRD→版本在一个闭环内完成，输出可直接交付的 HTML 原型。覆盖原型生成（需求描述→带拾取层的 HTML）、点选修改（点选确认范围+对话直达意见→AI 定位并局部修改→记版本）、版本管理（回滚/对比）、干净版导出。触发词：生成原型、做原型、出原型、点选修改、修改原型、局部修改、改原型、撤销修改、回滚版本、版本回滚、导出干净版、HTML 原型。

- Skill: `lhp343969656/pm-blueprint` (Agent Skill, multi-file: 6 files)
- Install (CLI): `npx skillmds@latest add lhp343969656/pm-blueprint`
- Raw SKILL.md: https://api.skillmd.com/api/skills/lhp343969656/pm-blueprint/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Product & Planning
- Author: lhp343969656 (https://skillmd.com/u/lhp343969656)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/lhp343969656/pm-blueprint

---


# pm-Blueprint Skill

产品经理的 AI 蓝图工作台：需求、原型、PRD、版本，一个闭环。HTML 原型是唯一事实来源，生成、修改、版本、导出全部在 HTML 体系内自包含，不依赖第三方原型工具（Pencil 仅为可选导出端点）。

## 关键决策（不可偏离）

1. 脱离 Pencil：HTML 是唯一事实来源，自包含闭环。
2. 点选锚定 + 语言修改：点击组件锁定修改目标（选区经拾取层「复制选区」输出「页面: 编号列表」一行文本，用户粘贴到对话，AI 拿编号反查源码定位；零服务、零状态、file:// 直开可用），自然语言在对话中描述修改方向，AI 只改目标组件（局部修改，禁止整页重生成）。
3. 修改即版本：每次被接受的修改记录一个版本（v1 递增），支持回滚与对比，回滚产生新版本不删历史。
4. 拾取层走模板注入：交互脚本为 Skill 静态资产（assets/pick-layer.js），不进入生成上下文；data-id 标注占生成成本 1-3%。
5. 原型设计规范参考 product-prototype 的 design-language：中性灰阶体系、PC web 蓝色主操作按钮/文字按钮、移动端全灰阶、无用户主题、CSS 变量化（详见 references/原型设计规范.md），产物为 HTML。
6. 规则类文档写作偏好：只写业务层面（段落式 + 结构化标题、不用表格、一级标号、操作按钮用「」）。

## 子工作流与分流

1. 生成原型（需求描述 → 带拾取层的 HTML 初版，落 v1）：按 references/原型生成细则.md 执行。
2. 点选修改（拾取层点选 → 「复制选区」得「页面: 编号列表」→ 用户粘贴到对话并说意见 → AI 反查源码按精确 target 局部修改 → 落版本）：按 references/点选修改与版本细则.md 执行。
3. 版本操作（查看版本、回滚、撤销）：按 references/点选修改与版本细则.md 的版本规则执行。
4. 导出干净版（剥除拾取层）：按 references/原型生成细则.md 的注入规范执行（删除注入行与 pick-layer.js 文件）。

## 文件地图

- SKILL.md：本文件，总入口与分流。
- assets/pick-layer.js：拾取层静态资产，生成原型时复制到输出目录引用，严禁内联与修改。
- references/原型设计规范.md：内置设计规范（灰阶体系、PC 蓝按钮边界、CSS 变量命名、内容规范、校验清单），生成时强制遵循。
- references/原型生成细则.md：data-id 标注规范、生成规则、拾取层注入规范、输出目录契约。
- references/data-id-标注规范.md：data-id 标注范围、三段式命名、约束。
- references/点选修改与版本细则.md：请求校验、一致性检查、片段替换、版本追加、撤销与回滚、异常处理。

## 边界

1. 需求描述不明确（页面数、关键字段、交互缺失）时，先向用户确认再生成，不臆造关键业务语义。
2. 修改目标定位：用户粘贴「页面: 编号列表」或报出 data-id 时以其为准；否则由 AI 根据用户意图与页面结构定位，命中多个候选或不确定时，列出候选 data-id 请用户确认后再动手，不静默猜错。
3. 一次只处理一条修改请求；批量需求拆为多轮。
4. 修改只改 target 组件，data-id 保持稳定，禁止顺带重构未涉及的结构。