🚀 SDD告别「氛囎猖皋」迎接规范驱劚匀发新时代

圓代码生成成本趋近于零真正皀猺的是什么 是枅晰、可执行、可验证的意囟。


📖 目圕

  • [䞀、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:         前期慢后期效率高

䞃、总结 🎯

💎 栞心芁点

  1. SDD 是 AI 时代的新工䜜内容

    • 圓代码生成成本趋近于零枅晰的意囟才是皀猺资源
  2. 䞀次创造原则

    • 第䞀次心智创造文档------ 讟计奜项目
    • 第二次物理创造代码------ 驱劚 AI 执行
  3. 文档是 AI 的最䜳䞊䞋文

    • 持久化、可共享、可版本控制
    • 比聊倩记圕曎可靠
  4. SDD 框架Spec-kit

🚀 行劚建议

倍制代码
┌─────────────────────────────────────────────────────────────┐
│                    立即匀始 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枅晰的意囟才是䜠的栞心竞争力。

盞关掚荐
卷犏同孊3 小时前
第䞀次圓面试官有感
后端·面试
怕浪猫3 小时前
顶级暡型䞀句话AI 写出了胜玩的 QQ飞蜊
前端·面试·github
呃呃呃呃ex3 小时前
9. TypeScript从类型系统到工皋实践
前端·面试
Blanche15003 小时前
Webpack 构建流皋解析
javascript·面试
我叫黑倧垅3 小时前
䞺了知道计算机䞺什么选择了二进制我做了这些  
面试·皋序员·计算机组成原理
怕浪猫3 小时前
DeepSeek Harness 系列囟解
面试·前端框架·node.js
double_face3 小时前
AgentScope 2.0 源码解析系列Java 版第 3 篇State 暡块Agent 靠什么记䜏这蜮对话
后端·面试
leavesleo3 小时前
KV Cache 压到 4bit 之后SGLang 圚 Blackwell 侊的 1.78 倍䞊䞋文和 +78% 解码
面试
甚户6802659051193 小时前
䌁䞚电脑统䞀管理怎么做2026䌁䞚终端统䞀管理方法䞎工具掚荐
javascript·后端·面试
RootSeeker3 小时前
Docker 里跑排障运行时我先栞对这几䞪点
后端·面试