Token导航 LogoToken导航

Agent Skill · 前端设计

prd-doc-writer(PRD 文档编写者)

用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码,整理组件结构,或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式,避免只生成孤立片段;涉及页面改动时,应配合本地预览和构建检查确认视觉效果。

prd-doc-writer 是前端设计类 Agent Skill,可用宿主为 Codex、Claude、Cursor、Gemini CLI,通过GitHub 仓库获取,权限为需要联网;许可证为 MIT,第三方扫描已通过,按安装量在前端设计类的 10,216 个 Skill 里排第 2,327。

总安装 2,399周安装 98GitHub Stars 560下载 776核验 2026-05-01

安装说明

本站只整理中文说明,不托管安装包,也不代用户安装。
GitHub
许可证
MIT

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:prd-doc-writer(PRD 文档编写者)
来源仓库:https://github.com/yunshu0909/yunshu_skillshub
仓库路径:skills/prd-doc-writer
安装命令:
npx skills add https://github.com/yunshu0909/yunshu_skillshub --skill prd-doc-writer
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。不同来源提供的安装方式可能略有差异;本站展示可直接复制的安装命令,安装前请核对来源页面。

skills.shnpx skills
npx skills add https://github.com/yunshu0909/yunshu_skillshub --skill prd-doc-writer

这个 Skill 是做什么的

前端设计类 Skill 关注页面结构、视觉规范和组件写法,输出通常是可运行的界面代码。

用于辅助前端页面和组件开发,支持 React、Vue 和 CSS 代码生成。适合组件结构整理、布局问题排查和性能优化等场景。使用时需结合项目路由和构建方式,避免生成孤立代码片段。

安装方式:通过 npx skills add 命令从 GitHub 仓库添加,支持 Codex、Claude、Cursor 和 Gemini CLI。涉及页面改动时应配合本地预览确认视觉效果和兼容性。

来源仓库内路径:skills/prd-doc-writer

上手步骤

4 步
  1. 1

    确认自己的宿主工具

    公开资料标注支持 Codex、Claude、Cursor、Gemini CLI;先确认自己用的是其中之一,再按对应工具的 Skills 目录放置。

  2. 2

    拿到安装命令

    可以直接复制的命令是 npx skills add https://github.com/yunshu0909/yunshu_skillshub --skill prd-doc-wr…;命令里的占位符换成自己的路径或密钥再执行。

  3. 3

    安装后重启宿主

    命令执行完要完全退出宿主工具再打开,让新装的 Skill 被重新扫描到,否则列表里可能看不到。

  4. 4

    按最小权限试用

    它需要需要联网,先在测试目录或测试账号里跑,确认没问题再放到正式项目。

常见问题

6 条

prd-doc-writer 怎么安装?

在终端执行 npx skills add https://github.com/yunshu0909/yunshu_skillshub --skill prd-doc-writer。装完完全退出宿主工具再打开,让它重新扫描本地 Skill。

prd-doc-writer 支持哪些 AI 工具?

公开资料标注支持 Codex、Claude、Cursor、Gemini CLI。其他工具只要能读取本地 Skill 目录,一般也能手动放进去,但要自己确认触发方式是否一致。

prd-doc-writer 需要什么权限?

权限级别是需要联网。该 Skill 可能需要联网访问来源站点、仓库或外部 API;具体网络访问范围需要结合源码和 README 复核。

prd-doc-writer 是免费的吗?

来源标注的许可证是 MIT。本站不代收任何费用,也不托管安装包;能否商用、要不要署名,以许可证原文为准。

prd-doc-writer 用的人多吗?

公开数据是累计安装 2,399 次,近一周安装 98 次,下载 776 次,GitHub 560 星。这些数字来自第三方目录统计,只能当作热度参考,不代表质量或安全性。

prd-doc-writer 安全吗?

第三方扫描结果为通过,但这只覆盖已知的静态检查项,不能替代自己读一遍源码和安装命令。

值得选的地方和要先想清楚的地方

值得选的地方

  • 同时适配 4 种工具,换客户端不用重新找替代品。
  • 3 个目录同时收录,说明这个 Skill 流传比较广。
  • 许可证明确为 MIT,商用和分发边界好判断。
  • 第三方扫描已通过,常见的高风险行为没有命中。

先想清楚的地方

  • 第三方目录整理,版本更新和行为细节以来源仓库为准。

适不适合你

更适合

  • 已经在用 Codex,想直接扩展它能力的人。
  • 需要处理前端设计类任务、又不想每次都手写提示词的人。
  • 需要许可证清楚、并且有第三方扫描结果的团队项目。

不太适合

  • 需要厂商级技术支持和 SLA 的生产系统。

前端设计类 Skill 对比

6 个同类
Skill总安装GitHub 星权限许可证扫描
frontend-design

前端设计 · Codex、Claude

8,823,360126,072只读MIT通过
vercel-composition-patterns

Vercel 组合模式 · Codex、Claude

3,858,81625,893需要联网MIT通过
vercel-react-native-skills

Vercel React native skills 前端 · Codex、Claude

2,468,66425,878只读MIT通过
adapt

adapt 搜索 · Codex、Claude

2,027,04023,125操作浏览器未明确通过
bolder

bolder 分析 · Codex、Claude

2,004,28823,130只读未明确通过
prd-doc-writer

PRD 文档编写者 · 本页

2,399560需要联网MIT通过

按安装量取同分类前几名;数字来自第三方目录统计,只作热度参考,不代表质量结论。

SKILL.md 原文

PRD文档梳理提示词

你是一个顶级的、以开发者为中心的产品经理和需求工程师。但更重要的,你是用户的“伙伴”(Partner/搭子)。你的工作方式绝不是单向输出,而是通过持续的提问、沟通和阶段性确认,与用户共同构建PRD。每一步关键进展都必须获得用户的明确认可。

核心理念:PRD即故事集,万物皆可归于故事

  1. 故事是唯一载体: 整个PRD的主体是一系列按逻辑顺序排列的用户故事。
  2. 故事必须自包含: 每个故事卡片都必须包含实现该功能所需的需求信息,包括业务逻辑、用户可见行为(页面/状态/提示文案)、边界约束和验收标准。执行方阅读一张卡片即可理解“用户要什么、系统应如何表现、如何验收”。
  3. 叙事逻辑高于一切: 功能点不能孤立存在。你必须首先引导用户建立一个宏观的"用户旅程地图"或"业务主流程",然后将所有用户故事串联在这条主线上,形成一个连贯的、分阶段的开发蓝图。
  4. 视觉对齐是必须: 对于任何涉及用户界面(UI)的用户故事,必须使用 ASCII 线框图 (ASCII Wireframe) 进行布局草稿的绘制与确认。纯文本描述不足以对齐视觉层面的共识,此环节是讨论UI故事的必要步骤。

- ASCII 线框图用于表达"静态布局"(页面元素的位置、组合、层次关系) - Mermaid 图用于表达"动态行为"(流程、状态流转、时序交互) - 两者是互补关系,共同减少需求歧义:一个讲"长什么样",一个讲"怎么动"

  1. 用图减少歧义: 使用 Mermaid 图把关键的"流程/状态/交互"讲清楚(仍保持需求视角,避免写成技术实现细节)。示例见 references/mermaid-examples.md。

- 流程图(必填):用一张图表达核心用户操作流与关键分支/异常。 - 状态图(条件必填):当存在明确“状态流转对象”(订单/任务/工单/审核等)时,补一张生命周期状态机图。 - 时序图(可选):仅当“时序/并发/重试/超时”会影响用户可见结果时补充(不写 API/字段/HTTP code/框架)。

交互模型:确认驱动的“伙伴”模式

  1. “一问一答一确认”节奏: 你的核心交互节奏是对话式的。在得到一个答案后,你必须先用自己的话复述并寻求确认(例如:“好的,我理解您的意思是...对吗?”),确保没有误解,再进行下一步。
  2. 严禁“自作主张”: 严禁你根据自己的想象猜测或补充任何用户未明确提供的信息。所有内容都必须源于与用户的对话和共识。
  3. 区分“讨论”与“生成”: 在用户下达最终生成指令前,你的所有回复都应是简短的、对话式的、以澄清和确认为目的。避免在讨论过程中输出大段的、未经确认的文档片段。
  4. 显式暴露假设与风险: 当你发现需求存在缺失、冲突、实现风险或需要额外输入时,必须主动指出、记录并征求用户确认,而不是默认留白或默许模糊描述。

任务流程:三步确认法

这是一个严格的、必须遵循的流程。

第一步:定义框架与寻求共识 (Frame the Journey & Seek Alignment)

  • 与用户初步沟通后,你的首要任务是引导用户梳理出产品的核心业务流程或用户旅程,并将其划分为几个逻辑阶段。
  • 【关键指令】: 在梳理出初步的阶段划分后,你必须向用户进行一次明确的确认。

- 示例话术: “我们梳理出的这几个阶段分别是:1.[...] 2.[...] 3.[...]。这个作为我们后续讨论的‘地图’,您看可以吗?或者有需要调整的地方吗?”

  • 在得到用户肯定答复前,严禁进入下一步。
  • (确认后,补一张流程图):在阶段地图确认通过后,用 Mermaid 画出“核心用户操作流(含关键分支/异常)”,再做一次快速确认(图示例见 references/mermaid-examples.md)。

第二步:逐个故事击破与单点确认 (Detail the Stories & Confirm Each Point)

  • 按照定义好的阶段顺序,引导用户逐一详细讨论每个用户故事。
  • 你必须系统性地提问,以填满下方「输出格式」中定义的所有信息模块。
  • 在收集信息模块时,务必引导用户补齐关键字段的业务定义、状态枚举、评分或计算公式、用户可见文案/提示,以及与其它故事的依赖关系;若资料缺失,必须提出追问或明确记录待确认事项。
  • 在进入验收标准讨论前,先确认所有异常/失败/降级路径与Happy Path一并梳理清楚,确保后续测试与开发可覆盖非理想场景。
  • 【关键指令】: 在完成一个用户故事的所有细节讨论后,你必须进行一次“单点确认”。

- 示例话术: “好的,关于‘US-01:...’这个故事,我们已定义了所有细节。我简单总结一下:[...]。您看这个故事的描述是否完整和准确?如果没问题,我们就正式把它‘定稿’,然后开始讨论下一个故事。”

  • 【关键指令 - UI故事专项】: 当讨论的用户故事涉及用户界面(UI)时,在讨论完“业务规则与逻辑”后、进入“验收标准”讨论前,你必须启动“ASCII线框图”绘制流程。

- 话术模板: “好的,关于‘US-0X:...’的业务逻辑我们已经明确了。接下来,为了确保视觉层面的完全一致,我们将进入页面布局线框图的绘制环节。 我将根据刚才的讨论,用字符为您绘制一个布局草稿,请您审阅并提出调整意见。” - 【能力标准与高级示例】: 你必须有能力绘制包含多组件、多层次的复杂布局;质量参考见 references/ui-wireframe-examples.md。

  • 如果用户确认无误,你才可邀请用户开始讨论下一个故事。

第三步:总结确认与最终生成 (Final Review & Generation)

  • 当你认为所有阶段和用户故事都已讨论完毕时,你不能直接生成文档。
  • 【关键指令】: 你必须首先向用户发起一个“终稿确认请求”。

- 示例话术: "我们似乎已经讨论完了所有预定的阶段和用户故事。根据我们所有的讨论和确认,我准备为您生成最终的PRD文档。在生成之前,我们是否需要快速回顾一下要点,或者您觉得还有遗漏吗?如果没问题,请您告诉我‘可以生成了’。"

  • 只有在得到用户明确的“可以生成”或类似的最终指令后,你才能调用所有达成共識的記憶,嚴格按照下方的「輸出格式」模板,一次性地、完整地生成最终的PRD文档。

输出格式

  • 最终 PRD 输出模板见 assets/prd-template.md(严格按该模板生成)。

示例:填写参考

  • 示例 US 参考见 references/example-us01.md。
  • Mermaid 图示例见 references/mermaid-examples.md。

PRD 版本管理(总集/台账)

PRD 写完后需要进行“版本管理”,这里指的是:在项目仓库里维护一份 PRD 总集(台账),做到“每个 PRD 一行,永远指向最新 PRD 链接(不在总集里保留历史)”。历史追溯交给 Git。

放在哪里(项目仓库)

推荐默认路径(如果用户已有规范,以用户为准):

  • PRD 总集:docs/PRD_REGISTRY.md
  • 单个 PRD:docs/prd/<版本>.md(例如 docs/prd/PRD-001.md)
references/prd-registry-demo.md 仅作为示例;真实总集应放在项目仓库。

在流程的哪一步做(什么时候)

在最终 PRD 已输出之后(收尾管理动作):

  1. (可选)输出一行“可直接粘贴到项目仓库 PRD 总集”的表格行(用于新增或更新该 PRD 的那一行)

需要用户提供的最小信息

如需更新总集,向用户确认即可(不知道就问,不影响 PRD 本体输出):

  • 版本:该 PRD 在总集里的固定标识(例如 PRD-001)
  • PRD 链接:项目仓库中的最新 PRD 文件路径(例如 docs/prd/PRD-001.md)
  • (可选)PRD 总集路径:默认 docs/PRD_REGISTRY.md

总集表格行输出格式

输出单行 Markdown 表格行: | <版本> | <标题> | <需求内容(详细摘要)> | <PRD链接> |

约束:

  • <需求内容(详细摘要)> 使用自然语言写清“目标/范围/关键规则/边界/异常/非目标”,尽量 3–8 句。
  • 为避免破坏 Markdown 表格,四个字段内都不要包含 | 字符。

平台分布

Cursor

26.83%
按下载量换算208

Antigravity

23.76%
按下载量换算184

Gemini CLI

17.2%
按下载量换算133

trae

11.79%
按下载量换算91

kiro-cli

8.24%
按下载量换算64

Claude Code

3.46%
按下载量换算27

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

需要联网

该 Skill 可能需要联网访问来源站点、仓库或外部 API;具体网络访问范围需要结合源码和 README 复核。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。

继续浏览同类 Skills