Vibe Coding WTF - 氛围编程翻车展

一个将编程挫败感转化为娱乐的互动社区，专注于展示 AI 编程中的翻车现场和“人工智障”时刻。

#📖 项目背景

在 "Vibe Coding"（氛围编程） 的时代，我们越来越依赖 AI 凭“感觉”写代码，而不是通过严谨的语法构建。然而，现实往往很骨感。每一个魔法般的解决方案背后，可能有十个 AI 幻觉、逻辑死循环，以及那自信满满却完全错误的代码建议。

Vibe Coding WTF 旨在解决 AI 时代开发者的“情绪撕裂”。当 AI 产出垃圾代码时，你不必独自受苦，我们提供了一个平台来：

1. ▸曝光 AI 一本正经胡说八道的荒谬时刻。
2. ▸吐槽 这些糟糕的代码——讽刺的是，甚至可以让 AI 自己来“毒舌”点评自己。
3. ▸连接 在痛苦和欢笑中寻找共鸣的开发者们。

核心价值： 一个具有疗愈属性的社区，通过“确认现实”来对抗过度的 AI 炒作焦虑。

#🚀 核心功能

• ▸混沌画廊 (Gallery of Chaos): 瀑布流展示用户提交的各种 AI 翻车现场。
• ▸AI 毒舌评审 (AI Roast Master): 每一个提交都会经过大语言模型分析，生成一段讽刺的“判决书”以及 0-100 的“操蛋指数”。
• ▸互动反馈:
  • ▸点火 (Ignite): 当你对这种痛苦感同身受时。
  • ▸炸裂 (WTF): 当代码烂到让你怀疑人生时。
• ▸多语言支持: 无缝切换中英文 (i18n)。
• ▸社交分享: 生成精美的分享卡片，包含二维码，方便分享到微信朋友圈或 Twitter。

#🛠 技术实现

本项目采用现代化的、适合“Vibe Coding”的技术栈构建：

• ▸前端: Next.js 14 (App Router), React, TypeScript
• ▸样式: Tailwind CSS 用于快速 UI 开发，采用暗黑霓虹朋克风格。
• ▸数据库: Firebase (Firestore) 用于实时存储案例和交互数据。
• ▸AI 集成: 调用 LLM (Gemini/OpenAI) 动态生成“吐槽”和评分。
• ▸部署: Google Cloud / Firebase App Hosting。

#💼 商业化 (展望)

当前状态: 为爱发电 / 社区公益

未来可能性:

1. ▸“人工修复”悬赏: 企业赞助挑战，寻找人类程序员修复那些 AI 搞不定的代码。
2. ▸周边商城: 推“在我机器上能跑...但这可是 AI 写的”主题贴纸和卫衣。
3. ▸高级 API: 开放 AI 失败案例数据集，用于模型训练（RLHF - 基于人类挫败感的强化学习）。

#💡 关键经验

• ▸氛围驱动开发: UI 构建采用迭代方式，初期优先考虑“感觉”和美学，而非死板的规范。
• ▸赋予 AI 个性的 Prompt: 调整 AI 让其“嘴毒”但又不失风趣，是一门微妙的艺术。
• ▸乐观 UI (Optimistic UI): 在服务器确认前即时响应“点赞”和“炸裂”操作，让应用体验极其丝滑。