警告:Vibe Coding (氛围编程) 已死

结构化 AI 开发方法论
巅峰对决

在一个“随意聊天写代码”导致项目不可维护的时代,我们将同一个 Landing Page 项目 使用三种不同框架重建了三次。 结果震惊了整个开发圈。

控制变量测试环境 (The Setup)

为了确保公平,所有框架使用完全相同的 input.md 需求文档和同一个 LLM 模型。

技术栈 (Tech Stack)

Next.js Tailwind CSS Shadcn UI

硬核挑战 (Integrations)

  • YouTube Data API (实时订阅数)
  • Mailchimp API (邮件订阅)
  • Embed Players (视频播放器)
3
次完整构建
从 7 分钟到 8 小时的
巨大效率差异

深度解析:三种框架实战表现

BMAT

The Beast

全流程代理模拟系统

8 小时
设计系统极其完善 (UX Agent功劳)
API 集成一次通过,零错误
极度疲惫:人必须手动编排每一步
点击翻转查看工作流详情

工作流深度解剖

Input > PM > Architect > Scrum > Dev > QA

🔄 痛苦的手动循环

项目被拆解为 4 个 Epic。每个 Story 都要手动流转:
1. 呼叫 Scrum Master 起草
2. 传递给 Developer 编码
3. 传递给 QA 审查
痛点: 每次切换 Agent 需清除上下文,不仅慢(启动需1分钟),还得人一直盯着。

🛡️ 审计防御蓝图

每个决策都在 Git 中有版本控制。适合金融、医疗等需要严格审计的行业。

👀 内部情报

V6 Alpha 版本正在开发中,可能会改善体验,但目前版本对个人开发者来说是过度工程。

本期推荐

Spec Kit

GitHub

开发者为中心的工具箱

< 2 小时
智能实现:自动优化性能 (Lazy Loading)
上下文管理优秀:超限自动总结并继续
生态强大:大厂背书 + 35k Stars
点击查看 Slash Commands

技术细节深度解剖

Based on: UV (Python Installer) & AI Assistant

📜 核心文件:Constitution.mmd

在此定义项目"宪法",例如"必须使用 TDD"、"必须符合特定设计原则"。AI 全程强制遵守。

⚡ 惊人的性能优化案例

处理 Embed Video 时,AI 没有直接加载笨重的播放器,而是自动获取了 YouTube CDN 封面图,仅在点击时加载 JS。这是高级工程师才会做的优化。

指令集 (Slash Commands)
  • /specify : Input -> Spec.md
  • /plan : Spec -> Plan.md
  • /tasks : Plan -> Checklist
  • /implement: Execute Code

Open Spec

Agile

提案驱动的轻量级工具

7 分钟
速度极快:首版生成仅用时 7 分钟
视觉迭代强:截图给 AI 瞬间现代化
风险:缺乏大厂背书,社区相对较小
点击查看 Proposal 机制

机制深度解剖

Based on: Global NPM CLI

📂 基于文件的提案系统

任何修改都会触发创建一个新文件夹,包含:
- proposal.md
- tasks.md
- spec deltas (仅包含变更部分的微小文件)

🔄 归档 (Archive) 即合并

当你对 AI 的实现满意后,运行 Archive 命令。这会将 Spec Deltas 正式合并到主 Specs 中。
优势: 规范(Spec)永远是单一事实来源(Source of Truth)。

🚀 极速迭代实测

作者在首版完成后,仅通过一张截图和一句“现代化设计”,AI 几分钟内就加入了 Logo 动画和平滑滚动效果。

本质差异:宏观管理 vs 微观执行

维度 BMAT (Macro) Spec Kit / Open Spec (Micro)
人类角色 编排者 (Orchestrator) / 经理 执行者 (Implementer) / 驾驶员
AI 角色 专业团队 (拥有 PM/QA 角色) 超级副驾驶 (Copilot)
关注点 项目全生命周期、风险控制 单个特性 (Feature) 或任务
迁移成本 高 (需改变整个工作流) 低 (轻量级工具包,即插即用)
Summary generated by AI based on The Graycat's Analysis

原文

源链接