前言¶
把需求变成可交互原型，通常有两条路：手写 HTML，或者让 AI 直接生成。前者慢，一个带导航和交互的中保真页面，半天起步；后者快，但常见问题是页面能用但观感套路化，”AI 味”重，而且生成完缺少走查环节，功能逻辑和 HTML 规范都没有校验，最后交付到墨刀还要再手工整理一遍。
下面介绍的 Skill「PM 原型生成与走查」就是针对这条链路做的：从需求文档、截图、一句话描述或参考 URL 出发，先澄清，再生成，再走查，最后才打包成可导入墨刀的格式。
这是什么¶
「PM 原型生成与走查」是一个面向产品原型场景的 Agent Skill，坐标 @user_2c775edb/pm-prototype-generation，由社区发布者 user_2c775edb 维护，当前版本 1.0.0，发布在 SkillHub 的 design-media 分类下。
它解决的问题是：在需求到原型的链条里，把澄清、生成、走查、打包四个环节串成一个可执行的流程，而不是只产出一个裸 HTML 文件。
核心功能¶
1、多形态输入。支持需求文档、截图参考、一句话描述或参考 URL 作为输入，不需要先把需求整理成标准格式。
2、主动澄清。生成之前，Skill 会主动问清场景、功能和设计风格，而不是直接开写，这一步省的是返工。
3、生成中保真 HTML。产出带交互的 HTML 原型，不是静态截图式页面。
4、自动走查。生成后自动做两轮检查：功能走查（逻辑是否成立、交互是否完整）和 HTML 语言走查（代码规范层面），其中包含”无 AI 味道”检查，用于剔除模板化、套路化的生成痕迹。
5、交付物。走查完成后交付两样东西：可交互的 HTML，以及功能解释 / 设计思路文档。后者把原型背后的逻辑写清楚，便于评审时对照。
6、确认后才打包。你确认 HTML 无误之后，Skill 才会打包成可导入墨刀的格式，避免在未确认状态下生成多余产物。
页面信息：该 Skill 标签为 requires_api_key=false，即不需要配置 API key；抓取时的页面快照显示评分 100000、下载 8841 次。
安装与启用¶
该 Skill 基于通用 SKILL.md 格式发布在 SkillHub。官方页面：
https://www.skillhub.cn/skills/user_2c775edb/pm-prototype-generation
安装方式是在支持 SkillHub 的客户端（如 Cursor、Claude Code 等）中按坐标安装：
@user_2c775edb/pm-prototype-generation
需要说明的是：撰写本文时两次尝试打开上述官方页面均失败，因此 Cursor / Codex CLI / Claude Code 各自的安装命令、目录路径和配置字段未能核实。这里不写未经验证的内容，请以官方页面为准。
典型用法¶
使用前不需要专门配置，触发方式是直接说意图。官方列出的触发词包括：
生成原型 / 需求转原型 / 出HTML原型 / 导入墨刀 / 原型交付 / 审查原型 / 原型走查
输入可以混用，例如同时给出一句话描述和一个参考 URL。完整的调用流程是：
1、给出输入（需求文档、截图、一句话描述或参考 URL）；
2、Skill 主动澄清场景 / 功能 / 设计风格，你确认或补充；
3、生成带交互的中保真 HTML 原型；
4、自动功能走查 + HTML 语言走查（含无 AI 味道检查）；
5、交付交互 HTML + 功能解释 / 设计思路文档；
6、你确认 HTML 无误后，再打包为可导入墨刀的格式。
其中第 6 步是显式的确认门：不确认就不会产出墨刀包。
适用场景与注意¶
适合：需要从文字或参考材料快速产出可交互原型、并希望附带设计说明的 PM 和前端；需要交付到墨刀做后续协作的团队。
注意：
1、它产出的是中保真原型，不是高保真视觉稿，精细的视觉还原仍需设计师介入；
2、走查覆盖功能和 HTML 语言两个层面，不等于真实可用性测试；
3、”无 AI 味道”检查是启发式的，能压低模板感，但不等于设计达标；
4、墨刀打包依赖你确认 HTML 无误，确认前产出物只有 HTML 和说明文档；
5、安装细节请以官方页面为准（见上节说明）。
结尾¶
这个 Skill 的价值在于把原型工作拆成了”澄清 → 生成 → 走查 → 确认 → 打包”的固定顺序，每一步都有明确产出，最后一步还设了确认门，避免了 AI 甩给你一个 HTML 就结束的情况。如果你的日常是拿需求文档换原型、再进墨刀，可以从这个 Skill 开始试。
官方地址：https://www.skillhub.cn/skills/user_2c775edb/pm-prototype-generation
