前言¶
产品写完 PRD 之后，设计侧往往还要单独整理信息架构、交互路径、页面结构和视觉约束。若只靠人工从 PRD 里「翻译」一遍，容易漏状态、漏异常流，文档结构也不统一。下面介绍 SkillHub 上的社区 Skill「产品prd转设计文档」，它面向「已有 PRD、需要一份完整设计需求文档」的场景，把转换步骤交给 Agent 按 SKILL 规范执行。
这是什么¶
「产品prd转设计文档」是 SkillHub 坐标 @user_8f3f4407/prd-to-design-doc 上的 Agent Skill（版本 1.0.0，来源 community，分类 design-media）。发布者为 user_8f3f4407。官方页面将其定位为：将产品需求文档（PRD）转换为完整的设计需求文档，并自动生成交互流程图；当用户提供 PRD 并需要设计需求文档时触发。标签标明 requires_api_key=false，不依赖额外 API Key 配置。
Skill 详情页：SkillHub - 产品prd转设计文档
核心功能¶
依据官方简介，该 Skill 在 PRD 输入基础上，组织并输出设计侧可用的文档内容，主要包括：
- 信息架构：从需求中梳理模块、层级与内容组织方式。
- 交互流程：描述用户路径、关键操作与状态变化。
- 页面布局：对各页面的结构与区块划分给出说明。
- 视觉规范：汇总与设计实现相关的视觉约束（具体粒度以 Skill 生成结果为准）。
- 交互流程图：在文档中自动生成交互流程图，便于评审与对齐。
适用角色包括产品设计、交互设计、UI 设计等需要把文字需求落成设计说明的场景。
安装与启用¶
安装方式遵循 SkillHub 通用说明：SkillHub 安装与优先源配置。官方页面给出的提示是：让 AI 根据该文档安装 @user_8f3f4407/prd-to-design-doc。
1、检查 SkillHub CLI¶
先确认本机是否已有 skillhub：
command -v skillhub && skillhub --version
若未安装，可使用官方安装脚本（完整安装含 CLI 与默认 Skill）：
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash
仅安装 CLI 时：
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash -s -- --cli-only
2、安装到当前 Agent 的 skills 目录¶
安装时必须用 --dir 指向当前客户端识别的 skills 目录，否则默认会装到 ./skills/，Agent 可能无法加载。常见路径如下（以你实际使用的客户端为准）：
- Cursor：
~/.cursor/skills/ - Claude Code：
~/.claude/skills/ - Codex：
~/.codex/skills/或项目下的.agents/skills/
安装命令示例（将 <skills 目录> 换成上面对应路径）：
skillhub install @user_8f3f4407/prd-to-design-doc --dir <skills 目录>
也可在 Cursor 等环境中，直接把官方安装提示发给 Agent，由其按 skillhub.md 完成安装。
安装完成后，按你所用客户端的说明刷新或重启，使新 Skill 被索引。
典型用法¶
官方定义的触发条件是：用户提供 PRD，并明确表示需要设计需求文档。下面是一种可复现的对话方式（PRD 内容替换为你的真实文档即可）：
- 在对话中粘贴或附上 PRD（全文或章节均可，以你能提供的完整度为准）。
- 明确说明输出目标，例如：「请根据这份 PRD 生成设计需求文档，包含信息架构、交互流程、页面布局、视觉规范，并生成交互流程图。」
- Agent 在加载该 Skill 后，按 SKILL.md 中的流程组织输出；你可在生成结果上补充品牌规范、组件库约束等团队内已有材料。
若 PRD 尚未定稿，建议先标注「待确认」条目，避免设计文档与产品结论不一致。
适用场景与注意¶
适合谁
- 产品或设计同学需要快速从 PRD 拉出第一版设计说明，用于评审或交给 UI 细化。
- 团队希望设计交付物结构相对统一（架构、流程、布局、规范、流程图一并出现）。
使用注意
- 本 Skill 为 community 来源，生成质量取决于 PRD 的清晰度与模型能力；复杂业务仍需人工校对边界状态与异常流。
- 官方未要求 API Key，但仍依赖你所用 Agent 的大模型与上下文长度；超长 PRD 可分段处理。
- SkillHub 页面统计（截至资料抓取）：评分 100000，下载 12838，安装 301；安装与版本以 SkillHub 页面为准。
结尾¶
「产品prd转设计文档」把 PRD 到设计需求文档的重复整理工作收敛成一条可触发的 Skill 流程，适合在 PRD 已定稿或接近定稿时快速产出信息架构、交互说明、页面与视觉要点及流程图。需要安装或更新时，以官方坐标 @user_8f3f4407/prd-to-design-doc 与页面为准：
- SkillHub：https://www.skillhub.cn/skills/user_8f3f4407/prd-to-design-doc
- API 条目：https://api.skillhub.cn/user_8f3f4407/prd-to-design-doc
