pm-Blueprint Skill
产品经理的 AI 蓝图工作台:需求、原型、PRD、版本,一个闭环。HTML 原型是唯一事实来源,生成、修改、版本、导出全部在 HTML 体系内自包含,不依赖第三方原型工具(Pencil 仅为可选导出端点)。
关键决策(不可偏离)
- 脱离 Pencil:HTML 是唯一事实来源,自包含闭环。
- 点选锚定 + 语言修改:点击组件锁定修改目标(选区经拾取层「复制选区」输出「页面: 编号列表」一行文本,用户粘贴到对话,AI 拿编号反查源码定位;零服务、零状态、file:// 直开可用),自然语言在对话中描述修改方向,AI 只改目标组件(局部修改,禁止整页重生成)。
- 修改即版本:每次被接受的修改记录一个版本(v1 递增),支持回滚与对比,回滚产生新版本不删历史。
- 拾取层走模板注入:交互脚本为 Skill 静态资产(assets/pick-layer.js),不进入生成上下文;data-id 标注占生成成本 1-3%。
- 原型设计规范参考 product-prototype 的 design-language:中性灰阶体系、PC web 蓝色主操作按钮/文字按钮、移动端全灰阶、无用户主题、CSS 变量化(详见 references/原型设计规范.md),产物为 HTML。
- 规则类文档写作偏好:只写业务层面(段落式 + 结构化标题、不用表格、一级标号、操作按钮用「」)。
子工作流与分流
- 生成原型(需求描述 → 带拾取层的 HTML 初版,落 v1):按 references/原型生成细则.md 执行。
- 点选修改(拾取层点选 → 「复制选区」得「页面: 编号列表」→ 用户粘贴到对话并说意见 → AI 反查源码按精确 target 局部修改 → 落版本):按 references/点选修改与版本细则.md 执行。
- 版本操作(查看版本、回滚、撤销):按 references/点选修改与版本细则.md 的版本规则执行。
- 导出干净版(剥除拾取层):按 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:请求校验、一致性检查、片段替换、版本追加、撤销与回滚、异常处理。
边界
- 需求描述不明确(页面数、关键字段、交互缺失)时,先向用户确认再生成,不臆造关键业务语义。
- 修改目标定位:用户粘贴「页面: 编号列表」或报出 data-id 时以其为准;否则由 AI 根据用户意图与页面结构定位,命中多个候选或不确定时,列出候选 data-id 请用户确认后再动手,不静默猜错。
- 一次只处理一条修改请求;批量需求拆为多轮。
- 修改只改 target 组件,data-id 保持稳定,禁止顺带重构未涉及的结构。