前言¶
产品侧常把 PRD 或口头想法交给研发，研发再自己猜页面结构、状态与交互，评审时才发现信息缺口。反过来，设计稿若缺少设计系统说明和前端交接清单，实现阶段仍要反复对齐。下面介绍一个在 Agent 里把「需求输入」收敛为「评审级原型 + 设计说明 + 交接材料」的 Skill，并说明其边界与安装方式。
这是什么¶
PRD到UI原型设计专家团（坐标 @user_cae83fba/design-ui-prototype-expert-pack）是 SkillHub 社区来源（community）、分类为 design-media 的 Skill，当前版本 1.2.0，由发布者 user_cae83fba 维护；SkillHub 页面标注作者为「小浣熊肖恩」。标签 requires_api_key=false，不依赖额外 API Key。
一句话定位：把 PRD、需求说明或产品想法转成可评审的 UI 原型、设计规范、设计系统和前端交接清单，并对已有原型做证据化质量评审。
核心功能¶
依据官方简介，Skill 覆盖以下交付与行为（仅列已核实表述）：
- 需求转原型：从 PRD、需求说明或产品想法产出可评审 UI 原型与设计说明。
- 设计体系整理：输出设计规范、设计系统，以及前端交接清单。
- 原型质量评审：对已有原型做「证据化」评审（须实际读取原型文件；未读取不得声称评审通过）。
- 信息不足时先补问：缺少关键信息时先追问，不用推测填充。
核心红线（官方明确）：
- 交付物为评审级原型与设计说明，不承诺生产级前端工程。
- 无实际读取原型文件不得声称评审通过。
- 不适用：纯视觉品牌设计（VI / Logo / 插画）、真实用户研究与可用性测试、已有完整前端工程的代码级重构、法务与安全合规结论。
常见触发场景：PRD 转原型、线框图设计、后台或移动端页面设计、设计系统整理、前端交接文档、原型可用性评审、界面走查、设计 token 规范化。
安装与启用¶
Skill 基于通用 SKILL.md 格式。在 SkillHub 上安装时，官方给出的提示是：让 AI 按安装文档处理指定坐标。
方式一：通过 AI 按官方提示安装¶
将下面提示发给当前 Agent（Cursor、Claude Code 等均可按各自 Skills 机制落地）：
请根据 https://skillhub.cn/install/skillhub.md，安装 `@user_cae83fba/design-ui-prototype-expert-pack`。
方式二：SkillHub CLI¶
先确认本机是否已有 CLI：
command -v skillhub && skillhub --version
未安装时，可按 SkillHub 安装文档执行完整安装（CLI + 默认 Skill）：
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash
安装技能时必须用 --dir 指向当前 Agent 的 skills 目录，否则默认装到 ./skills/ 可能不会被识别。常用路径示例：
- Cursor：
~/.cursor/skills/ - Claude Code：
~/.claude/skills/ - Codex：
~/.codex/skills/或项目下的.agents/skills/
安装命令形式（将 <skills 目录> 换成上面对应路径）：
skillhub install user_cae83fba/design-ui-prototype-expert-pack --dir <skills 目录>
也可先搜索再安装：
skillhub search design-ui-prototype-expert-pack
具体包名以 skillhub search 返回为准；坐标与页面一致为 @user_cae83fba/design-ui-prototype-expert-pack。
典型用法¶
官方页面未给出固定对话模板，用法与触发场景绑定。经过上面的步骤启用 Skill 后，可按下列思路复现：
- PRD 转原型：粘贴 PRD 或需求说明，说明目标端（如后台、移动端）与评审目标，请求产出线框级/可评审原型与设计说明。
- 设计系统与交接：在已有页面描述或原型基础上，请求整理设计规范、设计 token 规范化说明及前端交接清单。
- 原型评审：提供可读取的原型文件或路径，请求证据化质量评审或界面走查；若信息不全，应预期 Skill 先补问而非直接给「通过」结论。
交付物粒度以「评审级」为准，不要把它当作可直接上线的前端工程生成器。
适用场景与注意¶
适合谁
- 产品、设计、前端协作前需要统一页面结构与交互说明的团队。
- 需要在 Agent 内快速从文字需求拉出可评审原型与交接文档的场景。
- 希望对已有原型做有依据的走查，而非空泛点评。
使用注意
- 边界清晰：不负责 VI/Logo/插画、真实用户研究、完整前端工程重构或合规法务结论。
- 评审依赖真实输入：没有原型文件就不要期待「评审通过」类结论。
- SkillHub 侧统计（以抓取资料为准）：评分 100000，下载 1822；分类 design-media，版本 1.2.0。
结尾¶
若你的工作流卡在「PRD 有了、可评审原型和设计交接材料还没有」，可以把 PRD到UI原型设计专家团 作为 Agent 里的设计协作 Skill，并遵守其评审级交付与补问红线。官方 API 入口：https://api.skillhub.cn/user_cae83fba/design-ui-prototype-expert-pack；SkillHub 页面：https://www.skillhub.cn/skills/user_cae83fba/design-ui-prototype-expert-pack。
