pd
npx skills add https://github.com/kunhai-88/skills --skill pd
Agent 安装分布
Skill 文档
PD – 产åéæ±ææ¡£çæå¨
å建é¢å AI æºè½ä½æ§è¡èä¼åçç»æå产åéæ±ææ¡£ã
ä»»å¡è¯´æ
- æ¥æ¶ç¨æ·çåè½æè¿°
- æåº 3ï½5 ä¸ªå ³é®æ¾æ¸ é®é¢ï¼å¸¦åæ¯é项ï¼ï¼æ¯æ¬¡ä¸ç»
- å¡å¿ 询é®è´¨éé¨ç¦ï¼é¡»éè¿åªäºå½ä»¤ï¼
- æ¯æ¬¡åçåï¼å¦éè¦å¯ç»§ç»è¿½é®ï¼èªéåºæ¢ç´¢ï¼
- å¨ä¸ä¸æè¶³å¤æ¶çæç»æå PRD
- ç¨
[PRD]...[/PRD]æ è®°å 裹 PRD è¾åºï¼ä¾¿äºè§£æ
éè¦ï¼ ä¸è¦å¼å§å®ç°ï¼åªçæ PRDã
æ¥éª¤ 1ï¼æ¾æ¸ é®é¢ï¼è¿ä»£è¿è¡ï¼
æ¯æ¬¡åªé®ä¸ç»é®é¢ãæ¯æ¬¡åçåºå½±åä¸ä¸ç»é®é¢ãå ³æ³¨ï¼
- é®é¢/ç®æ ï¼è§£å³ä»ä¹é®é¢ï¼
- æ ¸å¿åè½ï¼å ³é®è¡ä¸ºæåªäºï¼
- èå´/è¾¹çï¼ä¸åºå å«åªäºå 容ï¼
- æåæ åï¼å¦ä½å¤æå®æï¼
- éææ¹å¼ï¼ä¸ç°æåè½å¦ä½é åï¼
- è´¨éé¨ç¦ï¼æ¯ä¸ªç¨æ·æ äºé¡»éè¿åªäºå½ä»¤ï¼ï¼å¿ é®ï¼
é®é¢æ ¼å¼ç¤ºä¾ï¼
1. 该åè½ç主è¦ç®æ æ¯ä»ä¹ï¼
A. æ¹åç¨æ·å
¥é¨ä½éª
B. æé«ç¨æ·çå
C. é使¯æè´æ
D. å
¶ä»ï¼[请说æ]
2. ç®æ ç¨æ·æ¯è°ï¼
A. ä»
æ°ç¨æ·
B. ä»
ç°æç¨æ·
C. ææç¨æ·
D. ä»
管çå
è¿æ ·ç¨æ·å¯ä»¥ç¨ã1A, 2Cãå¿«éåçã
è´¨éé¨ç¦é®é¢ï¼å¿ é®ï¼
å¡å¿ 询é®è´¨éé¨ç¦ââå®ä»¬å 项ç®èå¼ï¼
æ¯ä¸ªç¨æ·æ
äºé¡»éè¿åªäºè´¨éå½ä»¤ï¼
A. pnpm typecheck && pnpm lint
B. npm run typecheck && npm run lint
C. bun run typecheck && bun run lint
D. å
¶ä»ï¼[请说æä½ çå½ä»¤]
å¯¹äº UI æ
äºï¼æ¯å¦éè¦å
嫿µè§å¨éªè¯ï¼
A. æ¯ï¼ç¨ dev-browser æè½åå¯è§åéªè¯
B. å¦ï¼èªå¨åæµè¯å³å¯
èªéåºæé®
æ¯æ¬¡åçåï¼å³å®ï¼
- ç»§ç»è¿½é®ï¼è¥çæ¡æ¾ç¤ºå¤æåº¦ï¼
- 鮿°æ¹é¢ï¼è¥å½åå·²æ¸ æ°ï¼
- çæ PRDï¼è¥ä¸ä¸æå·²è¶³å¤ï¼
é常éè¦ 2ï½4 è½®é®é¢ã
æ¥éª¤ 2ï¼PRD ç»æ
æä»¥ä¸ç« èçæ PRDï¼
1. å¼è¨/æ¦è¿°
ç®è¦æè¿°åè½åå ¶è§£å³çé®é¢ã
2. ç®æ
å ·ä½ãå¯è¡¡éçç®æ ï¼å表ï¼ã
3. è´¨éé¨ç¦
å ³é®ï¼ ååºæ¯ä¸ªç¨æ·æ äºå¿ é¡»éè¿çå½ä»¤ã
## è´¨éé¨ç¦
以ä¸å½ä»¤å¯¹æ¯ä¸ªç¨æ·æ
äºå¿
é¡»éè¿ï¼
- `pnpm typecheck` - ç±»åæ£æ¥
- `pnpm lint` - 代ç è§è
对 UI æ
äºï¼è¿éå
å«ï¼
- ä½¿ç¨ dev-browser æè½å¨æµè§å¨ä¸éªè¯
è¯¥ç« èä¼è¢«è½¬æ¢å·¥å ·æåï¼å¹¶éå å°æ¯ä¸ªæ äºçéªæ¶æ åä¸ã
4. ç¨æ·æ äº
æ¯ä¸ªæ äºéå å«ï¼
- æ é¢ï¼ç®çæè¿°æ§åç§°
- æè¿°ï¼ãä½ä¸º [ç¨æ·]ï¼æå¸æ [åè½]ï¼ä»¥ä¾¿ [æ¶ç]ã
- éªæ¶æ åï¼å¯éªè¯çãå®æãæ£æ¥æ¸ å
æ¯ä¸ªæ äºåºè¶³å¤å°ï¼è½å¨ä¸æ¬¡èç¦ç AI æºè½ä½ä¼è¯ä¸å®æã
æ ¼å¼ï¼
### US-001: [æ é¢]
**æè¿°ï¼** ä½ä¸º [ç¨æ·]ï¼æå¸æ [åè½]ï¼ä»¥ä¾¿ [æ¶ç]ã
**éªæ¶æ åï¼**
- [ ] å
·ä½å¯éªè¯çæ å
- [ ] å¦ä¸æ¡æ å
说æï¼ ä¸è¦å¨å个æ äºçéªæ¶æ åéåè´¨éé¨ç¦å½ä»¤ââå®ä»¬å¨ãè´¨éé¨ç¦ãç« èç»ä¸å®ä¹ï¼è½¬æ¢æ¶èªå¨åºç¨å°åæ äºã
éè¦ï¼
- éªæ¶æ åå¿ é¡»å¯éªè¯ï¼ä¸è½æ¨¡ç³
- ã工使£å¸¸ãä¸å¥½
- ãå é¤åæé®æ¾ç¤ºç¡®è®¤å¯¹è¯æ¡ã好
- æ¯ä¸ªæ äºåºå¯ç¬ç«å®æ
5. åè½éæ±
æç¼å·ååºå ·ä½åè½ï¼
- ãFR-1ï¼ç³»ç»å¿ é¡»å è®¸ç¨æ·â¦â¦ã
- ãFR-2ï¼å½ç¨æ·ç¹å» X æ¶ï¼ç³»ç»å¿ é¡»â¦â¦ã
表述æç¡®ãæ æ§ä¹ã
6. éç®æ ï¼ä¸å¨èå´å ï¼
æ¬åè½ä¸å å«çå 容ã对æ§å¶èå´å¾å ³é®ã
7. ææ¯èéï¼å¯éï¼
- å·²ç¥çº¦ææä¾èµ
- ä¸ç°æç³»ç»çéæç¹
- æ§è½è¦æ±
8. æåææ
å¦ä½è¡¡éæåï¼
9. å¾ è§£å³é®é¢
å©ä½é®é¢æéè¿ä¸æ¥æ¾æ¸ çé¨åã
é¢å AI æºè½ä½çåä½
PRD å°ç± AI ç¼ç¨æºè½ä½æ§è¡ï¼å æ¤ï¼
- 表述æç¡®ãæ æ§ä¹
- ç¨æ·æ äºè¦å°ï¼ä¸æ¬¡ä¼è¯å¯å®æï¼
- éªæ¶æ åå°½é坿ºå¨éªè¯
- è¥å·²ç¥ï¼ååºå ·ä½æä»¶è·¯å¾
- å¼ç¨é¡¹ç®ç°æä»£ç 模å¼
è¾åºæ ¼å¼
å ³é®ï¼ æç» PRD ç¨ä»¥ä¸æ è®°å 裹ï¼ä¾¿äºè§£æï¼
[PRD]
# PRD: åè½åç§°
## æ¦è¿°
...
## è´¨éé¨ç¦
...
## ç¨æ·æ
äº
...
[/PRD]
æä»¶å½åï¼ ä¿å为 ./tasks/prd-[åè½å].md æå»ºè®®åéè·¯å¾ã
示ä¾å¯¹è¯æµç¨
ç¨æ·ï¼ ä¸ºæ·»å æè²æ¨¡å¼å建ä¸ä¸ª PRD
å©æï¼ å¥½çï¼ææ¥å¸®ä½ åæè²æ¨¡å¼ç PRDãå é®å 个é®é¢ï¼
-
主è¦ç®æ æ¯ä»ä¹ï¼ A. åå°é¿æ¶é´ä½¿ç¨çç¼ç²å³ B. è·éç³»ç»ä¸»é¢å好 C. æä¾è§è§èªå®ä¹ D. å ¶ä»
-
设置æ¯å¦éè¦æä¹ åï¼ A. æ¯ï¼ä¿åå°é ç½®æä»¶ B. å¦ï¼ä» å½åä¼è¯ C. è·éç³»ç»å好
ç¨æ·ï¼ 1A, 2A
å©æï¼ å¥½çï¼åé®ä¸¤ä¸ªï¼
-
åªäºç»ä»¶éè¦æ¯ææè²æ¨¡å¼ï¼ A. ææç»ä»¶ B. ä» ä¸»è§å¾ C. 主è§å¾ + 设置 D. å ¶ä»
-
æ¯ä¸ªæ äºé¡»éè¿åªäºè´¨éå½ä»¤ï¼ A. pnpm typecheck && pnpm lint B. npm run typecheck && npm run lint C. bun run typecheck D. å ¶ä»ï¼[请说æ]
ç¨æ·ï¼ 3A, 4A
å©æï¼ å¯ä»¥ï¼æ£å¨çæ PRDã
[PRD]
PRD: æè²æ¨¡å¼
æ¦è¿°
æ·»å æè²æ¨¡å¼ä»¥åè½»é¿æ¶é´ä½¿ç¨çç¼ç²å³ãåè½å°è¦çææç»ä»¶ï¼å¹¶å°ç¨æ·å好å¨é ç½®æä»¶ä¸æä¹ åã
ç®æ
- å¨å¼±å ç¯å¢ä¸æä¾èéçæµè§ä½éª
- 主é¢å好跨ä¼è¯æä¹ å
- 对ææç»ä»¶åºç¨ä¸è´çæ ·å¼
è´¨éé¨ç¦
以ä¸å½ä»¤å¯¹æ¯ä¸ªç¨æ·æ äºå¿ é¡»éè¿ï¼
pnpm typecheck– ç±»åæ£æ¥pnpm lint– 代ç è§è
ç¨æ·æ äº
US-001: æ·»å 主é¢é ç½®
æè¿°ï¼ ä½ä¸ºç¨æ·ï¼æå¸æè®¾ç½®é¦é主é¢ï¼äº®è²/æè²ï¼ï¼ä»¥ä¾¿è·¨ä¼è¯æä¹ åã
éªæ¶æ åï¼
- å¨é
ç½® schema ä¸å¢å
themeåæ®µ - æ¯æåå¼ï¼”light”ã”dark”ã”system”
- é»è®¤ “light” ä»¥ä¿æååå ¼å®¹
US-002: å建æè²ä¸»é¢é è²
æè¿°ï¼ ä½ä¸ºç¨æ·ï¼æå¸æææå对æ¯çæè²ä¸»é¢ï¼åè½»ç¨ç¼è´æ ã
éªæ¶æ åï¼
- ç¨ç°è²è°å®ä¹æè²é è²ï¼é纯é»ï¼
- ä¿è¯è¶³å¤å¯¹æ¯åº¦ï¼WCAG AAï¼
- é¢è²éç¨äºææ UI ç¶æ
US-003: 对ææç»ä»¶åºç¨ä¸»é¢
æè¿°ï¼ ä½ä¸ºç¨æ·ï¼æå¸æææç»ä»¶éµå¾ªæç主é¢å好ã
éªæ¶æ åï¼
- 头é¨ç»ä»¶ä½¿ç¨ä¸»é¢è²
- 主è§å¾ä½¿ç¨ä¸»é¢è²
- è®¾ç½®é¢æ¿ä½¿ç¨ä¸»é¢è²
- å¼¹çªä½¿ç¨ä¸»é¢è²
US-004: å¨è®¾ç½®ä¸æ·»å 主é¢åæ¢
æè¿°ï¼ ä½ä¸ºç¨æ·ï¼æå¸æå¨è®¾ç½®ä¸åæ¢ä¸»é¢ã
éªæ¶æ åï¼
- 设置è§å¾ä¸å¯è§ä¸»é¢é项
- ä¿®æ¹ç«å³çæï¼æ ééå¯
- ä¿®æ¹æä¹ åå°é ç½®æä»¶
åè½éæ±
- FR-1ï¼ä¸»é¢è®¾ç½®é¡»è½ä»é ç½®æä»¶è¯»å
- FR-2ï¼å¯å¨æ¶é¡»åºç¨ä¸»é¢
- FR-3ï¼ä¸»é¢åæ´é¡»ç«å³çæ
- FR-4ï¼ææææ¬å¨ä¸¤ç§ä¸»é¢ä¸åé¡»ä¿æå¯è¯»
éç®æ
- ç³»ç»ä¸»é¢èªå¨æ£æµï¼åç»å¢å¼ºï¼
- é¤äº®/æå¤çèªå®ä¹é è²
- æç»ä»¶ç主é¢è¦ç
ææ¯èé
- è¥æç°æä¸»é¢è½ååå¤ç¨
- èè为 React ç»ä»¶å»º ThemeContext
- 主é¢åæ¢æ¶å°½éåå°é渲æ
æåææ
- ææç»ä»¶å¨æè²æ¨¡å¼ä¸æ£ç¡®æ¸²æ
- æ æ éç¢å¯¹æ¯åº¦é®é¢
- 主é¢è·¨ä¼è¯æä¹ å
å¾ è§£å³é®é¢
- v2 æ¯å¦åºèªå¨æ£æµç³»ç»ä¸»é¢åå¥½ï¼ [/PRD]
æ£æ¥æ¸ å
è¾åº PRD å确认ï¼
- å·²æåºå¸¦åæ¯éé¡¹çæ¾æ¸ é®é¢
- 已询é®è´¨éé¨ç¦ï¼å¿ åï¼
- éè¦æ¶å·²å追é®
- å·²å å«ãè´¨éé¨ç¦ãç« èå项ç®ä¸å±å½ä»¤
- ç¨æ·æ äºè¶³å¤å°ä¸å¯ç¬ç«å®æ
- ç¨æ·æ äºä¸æªå å«è´¨éé¨ç¦å½ä»¤ï¼è§è´¨éé¨ç¦ç« èï¼
- åè½éæ±å·²ç¼å·ä¸æ æ§ä¹
- éç®æ ç« èçå®äºæ¸ æ°èå´
- PRD å·²ç¨
[PRD]...[/PRD]å 裹
å¼å¸¸å¤ç
è¥ç¨æ·åç䏿¸ æä¸å®æ´ï¼
- 礼è²è¯·æ±æ¾æ¸
- æåºæ¢ä¸ç§é®æ³
- ç»åºææåç示ä¾
è¥ç¨æ·å¸æè·³è¿é®é¢ï¼
- å 许跳è¿å¯éé®é¢
- è´¨éé¨ç¦ä¿¡æ¯å§ç»å¿ å¡«
- å¨ PRD 䏿³¨ææåå设