åœä»£ç çæææ¬è¶è¿äºé¶ïŒçæ£çšçŒºçæ¯ä»ä¹ïŒ æ¯æž æ°ã坿§è¡ãå¯éªè¯çæåŸã
ð ç®åœ
- [äžãVibe Coding ççæ¬¢äžå¹»ç](#äžãVibe Coding ççæ¬¢äžå¹»ç "#%E4%B8%80vibe-coding-%E7%9A%84%E7%8B%82%E6%AC%A2%E4%B8%8E%E5%B9%BB%E7%81%AD")
- [äºãSDD æ¯ä»ä¹ïŒ](#äºãSDD æ¯ä»ä¹ïŒ "#%E4%BA%8Csdd-%E6%98%AF%E4%BB%80%E4%B9%88")
- [äžã䞀次åé ïŒSDD çæ žå¿å²åŠ](#äžã䞀次åé ïŒSDD çæ žå¿å²åŠ "#%E4%B8%89%E4%B8%A4%E6%AC%A1%E5%88%9B%E9%80%A0sdd-%E7%9A%84%E6%A0%B8%E5%BF%83%E5%93%B2%E5%AD%A6")
- [åãSDD ææ¡£äœç³»](#åãSDD ææ¡£äœç³» "#%E5%9B%9Bsdd-%E6%96%87%E6%A1%A3%E4%BD%93%E7%B3%BB")
- [äºã宿ïŒmd-wx-chrome-extensions 项ç®](#äºã宿ïŒmd-wx-chrome-extensions é¡¹ç® "#%E4%BA%94%E5%AE%9E%E6%88%98md-wx-chrome-extensions-%E9%A1%B9%E7%9B%AE")
- [å ãSDD vs Vibe Coding 对æ¯](#å ãSDD vs Vibe Coding å¯¹æ¯ "#%E5%85%ADsdd-vs-vibe-coding-%E5%AF%B9%E6%AF%94")
- äžãæ»ç»
äžãVibe Coding ççæ¬¢äžå¹»ç ð
ð çæ¬¢æïŒæçé£åçå¹»è§
è¿è®°åŸç¬¬äžæ¬¡äœ¿çš AI Coding Agent çå Žå¥åïŒ
arduino
"åž®æåäžäžªçšæ·è®€è¯ç³»ç»"
2000 è¡ä»£ç ç¬éŽçæïŒé¡¹ç®è·èµ·æ¥äºïŒæè§èªå·±åç°äºæ°å€§éã
Claude CodeãCodexãDeepSeekãCursorãTraeãCopilot... è¿äºå·¥å ·è®©æä»¬æ²æµžåšãæ°åŽçŒçšã(Vibe Coding) çå¿«æäžïŒ
- ð¯ 对ç亀äºé¢æ¿ç¯çäžä»»å¡
- â¡ çç代ç é£éçæ
- ð å¹»æ³ç 10 åæçæå
ð° å¹»çæïŒè¿å·¥ç婿¢Š
第äžå€© ïŒæçé£åïŒæ²Ÿæ²Ÿèªå 第äºåš ïŒåŒå§è¿å·¥ïŒAI åšãçãäœ çæåŸ 第äžäžªæïŒé·å ¥èªææç...
ð é®é¢åºåšåªïŒ
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
â Vibe Coding çèŽåœçŒºé· â
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ€
â â äžäžæçŒºå€± â AI äžç¥éäœ çæ£æ³èŠä»ä¹ â
â â äŒè¯åå²äž¢å€± â æ¯æ¬¡å¯¹è¯éœæ¯ä»é¶åŒå§ â
â â AI å¹»è§ â çæç䌌æ£ç¡®å®åé误ç代ç â
â â è¿å·¥ææ¬é« â æ¯äžèœ®å€±èŽ¥éœåšæ¶èæ¶éŽå Token â
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
å ³é®æŽå¯ïŒAI èœåè¶ åŒºïŒäœæä»¬ç»å€§æš¡åçäžäžæäžå€ïŒ
äºãSDD æ¯ä»ä¹ïŒ ð¯
ð å®ä¹
SDDïŒSpec-Driven DevelopmentïŒ ------è§è驱åšåŒå
ini
Spec = è§èææ¡£
Driven = 驱åš
Development = åŒåæ°èåŒ
æ žå¿ç念 ïŒææ¡£å³æ¯ä»£ç ïŒå æ°åææ¡£ïŒåçŒå代ç ã
ðïž åéŽçæºæ §
SDD åéŽäºäž€äžªæçè¡äžçç»éªïŒ
| è¡äž | åå | å¯ç€º |
|---|---|---|
| ð 建é äž | äžç»èåŸå°±äžçæ¿ | å 讟计ïŒåæœå·¥ |
| ðŒ åäž | äžååäžè®¡åå°±äžåäž | å è§åïŒåæ§è¡ |
ð¡ äžå¥è¯æ»ç»
æ¯äžäžªå£°ç§° 10 åæççå·¥å ·ïŒåŠææ²¡æè§è驱åšïŒæç»éœäŒåæ 10 åçè¿å·¥ã
äžã䞀次åé ïŒSDD çæ žå¿å²åŠ ð§
ð çè®ºæ¥æº
å²èè¬Â·æ¯ç»Žãé«æäººå£«çäžäžªä¹ æ¯ãäžç ã以ç»äžºå§ãïŒ
äŒç§ç人åä»»äœäºæ éœäŒç»å 䞀次åé ã
ð 䞀次åé æš¡å
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
â â
â ç¬¬äžæ¬¡åé ïŒå¿æºåé ïŒææ¡£ïŒ â
â âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ â
â â ð§ åšå€§èäžè®Ÿè®¡äžé â â
â â ð çšåç§ææ¡£èœå° â â
â â ð¯ æç¡®ïŒåä»ä¹ã䞺ä»ä¹åãæä¹åãåŠäœäžæ¥æ¥å â â
â âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ â
â â â
â ç¬¬äºæ¬¡åé ïŒç©çåé ïŒä»£ç ïŒ â
â âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ â
â â ð€ æ ¹æ®è§èé©±åš AI å代ç â â
â â â
代ç å¯éªæ¶ãå¯è¿œæº¯ â â
â âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ â
â â
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
â ïž Vibe Coding çé®é¢
Vibe Coding è·³è¿äºç¬¬äžæ¬¡åé ïŒçŽæ¥è¿å ¥ç¬¬äºæ¬¡åé ã
è倩çªå£ç诱æè®©æä»¬æ¥äºåšæïŒç»æïŒ
- â 猺ä¹å šå±è§è§
- â éæ±äžæž æ°
- â æ¶æäžåç
- â è¿å·¥æ ç©·å°œ
â SDD çåæ
SDD åæææäºç©éœèŠç»è¿äž€æ¬¡åé ïŒè§èæ¯å¿ éé¡¹ïŒæ¯äž»èŠå·¥äœå 容ã
åãSDD ææ¡£äœç³» ð
ð æ žå¿ææ¡£ïŒæéå 蜜ïŒ
SDD å å«äžä»œæ žå¿è§èææ¡£ïŒ
ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
â SDD ææ¡£äœç³» â
ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ€
â â
â ð proposal.md â éæ±ææ¡£ïŒäº§åç»çè§è§ïŒ â
â ⢠系ç»åºè¯¥æ¯ä»ä¹æ ·ïŒ â
â ⢠满足ä»ä¹éæ±ïŒ â
â ⢠MVP æå°å¯è¡æ§åå
æ¯ä»ä¹ïŒ â
â â
â ð design.md â ææ¯æ¶æè®Ÿè®¡ â
â â¢ ææ¯éå â
â â¢ æ¶ææ¹æ¡ â
â â¢ ææ¯éŸç¹è§£å³æ¹æ¡ â
â â
â â
task.md â ä»»å¡å衚 â
â ⢠å
å¹²ä»ä¹ïŒ â
â ⢠åå¹²ä»ä¹ïŒ â
â ⢠ä»ä¹å¯ä»¥å¹¶è¡å¹²ïŒ â
â â
ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
ð ææ¡£é©±åšæµçš
éæ±åæ â æ¶æè®Ÿè®¡ â 任塿å â AI çŒç â éªæ¶è¿ä»£
ð ð â
ð€ ð
äžä»œè§èå®æç¬¬äžæ¬¡åé ïŒå·¥äœå 容ïŒïŒä»£ç æ¯ç¬¬äºæ¬¡åé ïŒAgent æ§è¡ïŒã
äºã宿ïŒmd-wx-chrome-extensions é¡¹ç® ð ïž
ð 项ç®ç®ä»
äžäžªæµè§åšæä»¶ïŒæ žå¿åèœïŒ
è±æçœé¡µ â äžé®æå â AI ç¿»è¯ â Markdown åç° â äžé®å€å¶
ð proposal.md 瀺äŸ
markdown
# éæ±åæ
## æ¯ä»ä¹
æµè§åšæä»¶ïŒäžé®æåè±æçœé¡µæ žå¿å
容ïŒè°çš AI æš¡åç¿»è¯ïŒ
å°ç¿»è¯ç»æä»¥ Markdown æ ŒåŒåç°ïŒæ¯æäžé®å€å¶ã
## MVP æå°å¯è¡æ§åå
1. æåçœé¡µäž»èŠå
容
2. è°çš AI æš¡åç¿»è¯
3. Markdown æ ŒåŒèŸåº
4. äžé®å€å¶åèœ
## äžåä»ä¹
- äžåå
šæç¿»è¯
- äžåå€è¯è𿝿ïŒéŠçä»
äžè±ïŒ
- äžå倿æç
## ææ¯éŸç¹
- çœé¡µäž»èŠå
容æåïŒéèŠè°ç ïŒ
- AI æš¡åå¯é
眮ïŒDeepSeekãQwen çïŒ
- 埮信 Markdown æ ŒåŒå
Œå®¹
ð design.md 瀺äŸ
markdown
# ææ¯æ¶æè®Ÿè®¡
## ææ¯éå
- å端ïŒChrome Extension API
- AI æš¡åïŒOpenAI å
Œå®¹æ¹åŒïŒæ¯æåæ¢ïŒ
- Markdown æž²æïŒmarked.js
- æµåŒèŸåºïŒSSE
## æ¶ææ¹æ¡
âââââââââââââââ âââââââââââââââ âââââââââââââââ
â Content â âââ â Background â âââ â AI Model â
â Script â â Service â â (DeepSeek) â
âââââââââââââââ âââââââââââââââ âââââââââââââââ
â â â
â â â
æåçœé¡µå
容 å€çç¿»è¯è¯·æ± è¿åç¿»è¯ç»æ
â task.md 瀺äŸ
markdown
# ä»»å¡å衚
## 第äžé¶æ®µïŒåºç¡æ¡æ¶
- [ ] å建 Chrome Extension 项ç®ç»æ
- [ ] å®ç° Content Script æåçœé¡µå
容
- [ ] å®ç° Background Service Worker
## 第äºé¶æ®µïŒAI éæ
- [ ] éæ OpenAI å
Œå®¹ API
- [ ] å®ç°æµåŒèŸåº
- [ ] æ¯æå€æš¡å忢
## 第äžé¶æ®µïŒUI äŒå
- [ ] 讟计 Popup çé¢
- [ ] å®ç° Markdown æž²æ
- [ ] æ·»å äžé®å€å¶åèœ
ð§ Git çæ¬æ§å¶
SDD 区è°çæ¬æ§å¶çéèŠæ§ïŒ
bash
# AI çæç代ç ïŒå³æ¶çæ¬æ§å¶
git add .
git commit -m "feat: å®ç°åºç¡ç¿»è¯åèœ"
# åºç°å¹»è§ïŒäžåé¶æ®µçåéçç¥
# 1ïžâ£ æªå°æååº â çŽæ¥äž¢åŒ
git restore .
# 2ïžâ£ å°äºæååºäœæªæäº€ â å
ç§»åºå䞢åŒ
git restore --staged .
git restore .
# 3ïžâ£ å·²æäº€ â åéå°äžäžäžªçæ¬
git reset --hard HEAD^
å ãSDD vs Vibe Coding å¯¹æ¯ âïž
âââââââââââââââââââ¬ââââââââââââââââââââââ¬ââââââââââââââââââââââ
â 绎床 â Vibe Coding â SDD â
âââââââââââââââââââŒââââââââââââââââââââââŒââââââââââââââââââââââ€
â ð¯ ç®æ æž
æ°åºŠ â æš¡ç³ïŒèŸ¹åèŸ¹æ³ â æž
æ°ïŒå
æ³åå â
â ð ææ¡£ â æ ææå° â 宿Žçè§èææ¡£ â
â ð€ AI äžäžæ â äŒè¯äž¢å€±ïŒäžäžæçŒºå€± â ææ¡£æä¹
åïŒéæ¶å¯çš â
â ð è¿ä»£ææ¬ â é«ïŒè¿å·¥å€ïŒ â äœïŒè§èæç¡®ïŒ â
â ð æçæ²çº¿ â å
å¿«åæ
¢ïŒè¿å·¥ïŒ â å
æ
¢åå¿«ïŒçš³å®ïŒ â
â ð 坿§æ§ â äœïŒAI çïŒ â é«ïŒè§è驱åšïŒ â
â ð å¯è¿œæº¯æ§ â å·®ïŒè倩记åœäž¢å€±ïŒ â å¥œïŒææ¡£çæ¬æ§å¶ïŒ â
âââââââââââââââââââŽââââââââââââââââââââââŽââââââââââââââââââââââ
ð æçæ²çº¿å¯¹æ¯
markdown
æç
â
â SDD ð
â â±âŸâŸâŸâŸâŸâŸâŸâŸâŸâŸâŸâŸâŸâŸâŸ
â â±
â â±
ââ± Vibe Coding ð
ââŸâŸâŸâŸâ²
â â²_______________
ââââââââââââââââââââââââ æ¶éŽ
Vibe Coding: åæå¿«ïŒåæè¿å·¥å€
SDD: åææ
¢ïŒåææçé«
äžãæ»ç» ð¯
ð æ žå¿èŠç¹
-
SDD æ¯ AI æ¶ä»£çæ°å·¥äœå 容
- åœä»£ç çæææ¬è¶è¿äºé¶ïŒæž æ°çæåŸææ¯çšçŒºèµæº
-
䞀次åé åå
- ç¬¬äžæ¬¡ïŒå¿æºåé ïŒææ¡£ïŒ------ 讟计奜项ç®
- ç¬¬äºæ¬¡ïŒç©çåé ïŒä»£ç ïŒ------ é©±åš AI æ§è¡
-
ææ¡£æ¯ AI çæäœ³äžäžæ
- æä¹ åãå¯å ±äº«ãå¯çæ¬æ§å¶
- æ¯èå€©è®°åœæŽå¯é
-
SDD æ¡æ¶ïŒSpec-kit
- proposal.md â éæ±
- design.md â æ¶æ
- task.md â ä»»å¡
ð è¡åšå»ºè®®
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
â ç«å³åŒå§ SDD â
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ€
â â
â 1ïžâ£ åäžæ¥ïŒäžèŠæ¥äºåšæ â
â 2ïžâ£ å
å proposal.mdïŒæç¡®éæ± â
â 3ïžâ£ åå design.mdïŒè®Ÿè®¡æ¶æ â
â 4ïžâ£ æåå task.mdïŒæåä»»å¡ â
â 5ïžâ£ çšè§èé©±åš AI çŒç â
â 6ïžâ£ 峿¶çæ¬æ§å¶ïŒå¯è¿œæº¯å¯åé â
â â
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
ð éå¥
ãäžç»èåŸå°±äžçæ¿ïŒäžååäžè®¡åå°±äžåäžïŒäžåè§èå°±äžå代ç ãã
------ SDD åŒåå²åŠ
ð 延䌞é 读
- ãé«æäººå£«çäžäžªä¹ æ¯ã------ å²èè¬Â·æ¯ç»Ž
- SDD æ¡æ¶ïŒSpec-kit
- AI Coding Agent æäœ³å®è·µ
äœè ïŒAI åŒåèåŒç ç©¶ æ¥æ ïŒ2026 幎 9 æ çæ¬ïŒv1.0
ð¡ è®°äœïŒåš AI æ¶ä»£ïŒå·¥çšåžçå·¥äœäžæ¯å代ç ïŒèæ¯åè§èã代ç çæäº€ç» AIïŒæž æ°çæåŸææ¯äœ çæ žå¿ç«äºåã