前言¶

写 PRD 常见的问题是：文字写完，交互说不清。开发看着文字猜，业务方要看实际效果，评审会上没有原型只能靠想象。这个 Skill 把一句话需求变成「能点、能演示」的 PRD 原型：文字 PRD 加单文件 HTML，交互效果清晰直观，业务一看就懂。下面介绍它的定位、能力和用法。

这是什么¶

• Skill 名称：PRD + 可交互原型制作
• 坐标：@user_69ae75af/prd-html-prototype
• 版本：1.4.0
• 来源：community
• 分类：office-efficiency
• 发布者：user_69ae75af
• 官方地址：https://api.skillhub.cn/user_69ae75af/prd-html-prototype

它解决什么问题：需求方给一句话想法，你需要产出的不只是文档，还有能点、能演示的原型。这个 Skill 按内置方法论自动补全需求缺口，自动生成交互说明，输出文字 PRD 和单文件 HTML，支持本地零门槛预览，也能发布分享给同事在线查看。

核心功能¶

1、文字 PRD + 单文件 HTML：输出物同时包含文字文档和一份独立的 HTML 原型文件，方便交付和归档。

2、交互效果清晰直观：原型里的交互效果可直接操作，业务方不需要读文档就能理解流程。

3、本地零门槛预览：HTML 文件生成后在本地打开即可预览，不需要额外搭建环境。

4、一键发布分享：支持把原型发布为在线链接，分享给同事查看。

5、内置方法论补全缺口：输入只有一句话时，按内置方法论补全缺失信息。

6、自动生成交互说明：自动产出 Interaction Specs，把交互细节落到文档里。

7、多端形态：支持小程序、桌面（web-desktop）、后台表单（admin forms）等场景。

8、中英双语：支持中文、英文输出。

页面标注 requires_api_key=false，即使用时不需要配置 API Key。

安装与启用¶

官方资料没有给出具体的安装命令，只提供 Skill 坐标和页面地址。可用信息如下：

坐标：@user_69ae75af/prd-html-prototype
页面：https://api.skillhub.cn/user_69ae75af/prd-html-prototype

这个 Skill 基于通用 SKILL.md 格式，可在支持该格式的客户端中按坐标引用。Cursor、Codex CLI、Claude Code 之间的具体启用方式差异，官方资料未说明，此处不做猜测。启用前请到官方页面确认最新信息。

典型用法¶

1、准备一句话需求：例如「做一个员工请假审批的后台表单」。

2、交给 Skill 处理：Skill 按内置方法论补全缺口，输出文字 PRD 和单文件 HTML 原型，并自动生成交互说明。

3、本地预览：直接打开生成的 HTML 文件检查交互效果，确认是否符合预期。

4、分享：如需团队查看，使用发布功能生成在线链接发给同事。

以上流程来自官方简介中的能力描述，具体输入输出以官方页面为准。

适用场景与注意¶

适合：

• 需求还停留在一句话阶段，需要快速出可演示原型；
• 给业务方、非技术同事演示交互效果；
• 需要文字 PRD 与 HTML 原型同时交付；
• 小程序、桌面端、后台表单等常见形态的原型制作。

注意：

• 数据以官方页面为准。资料中页面标注评分 100000、下载 787、安装 0，简介里另有一组数字，引用前请核对当前页面。
• 来源是 community，生成的 PRD 和原型需要自行审阅后再对外使用。
• 使用发布功能前，确认原型中不含敏感业务数据，并控制分享范围。

结尾¶

这个 Skill 的价值在于把「写文档」和「做原型」合并成一步：输入一句话，得到文字 PRD、可点击的单文件 HTML 和自动生成的交互说明。本地预览零门槛，也能发布给同事在线查看。

官方地址：https://api.skillhub.cn/user_69ae75af/prd-html-prototype