CodeBuddy，AI小程序开发难题，你问我勾不勾？

说真的， 写这篇文章的时候，我的键盘已经快被敲成碎片，脑子里还在回荡着那句“你问我勾不勾”。我甚至怀疑自己到底是想写一篇SEO优化的技术文档，还是想把情绪倾泻到屏幕上。答案当然是——两者兼顾，甚至更糟糕点儿。

一、从“零代码”到“零理性”——我到底在干嘛？

腾讯元器宣称：无需编程基础即可快速构建具备对话、内容生成等能力的AI应用。听起来像是把魔法棒塞进了普通人手里却忘了告诉我们： 1️⃣ 魔法棒也会卡壳； 2️⃣ 有时候它会自己跑去买咖啡，容我插一句...。

于是我决定用 CodeBuddy 把“一键发布到小程序”的口号变成“一键崩溃”。先把项目模板选好——我挑了自家写的 uni-app vue3 wot-demo 主要原因是它看起来像是“好马配好鞍”， 打脸。 但其实吧更像是“马匹穿错了鞋”。

二、 MCP 配置的“惊喜”之旅

打开 MCP 配置界面时我看到一堆 JSON：，是个狼人。

{
  "mcpServers": {
    "context7": {
      "disabled": false,
      "timeout": 60,
      "type": "stdio",
      "command": "npx",
      "args": 
    }
  }
}

这段代码本来应该是安静、稳健的后端配置，却在我眼前变成了一场《黑客帝国》式的光影秀：每点一次确认，都伴随键盘的“嗞嗞”声，好像在提醒我：“别再点了这里还有隐藏彩蛋”。于是 我随手改了一下 "timeout": 60 为 "timeout": 9999心想：“时间足够长，我可以慢慢等”。后来啊页面直接炸了——估计 CodeBuddy 的耐心也只有 60 秒。

三、从 Figma 到 CodeBuddy：设计稿到底去哪儿了？

设计稿还原能力强得吓人！

• 先打开 Figma，挑一个页面。
• 把页面拖进 CodeBuddy 对话框。
• 描述需求：“帮我把这个按钮改成红色并加个动画”。
• *噪音* : “哐哐哐—咚！”
• Ai 返回了一段 HTML+CSS，看起来像是刚从七零年代的老旧网站抄来的。

五、手把手教你搞定第一个 AI 小程序

1. 注册流程截图：
• A. 打开 CodeBuddy 官网。
• B. 点「注册」按钮 → 随机弹出验证码 → 输入错误 → 尝试 → 成功。
• C. 完成新手模式选择后你会收到一封邮件，其中可能附带一只猫咪图片。
2. 创建项目：
• - 在对话框输入：「创建一个显示 Hello World 的网页」；
• - AI 马上吐出以下代码：

这是由 CodeBuddy 自动生成的页面。

• - 然后点击“一键发布”，弹窗提示「发布成功！恭喜，你已经让全世界看到你的 Hello World！」其实吧只是在本地打开了一个预览窗口。
• - 再说说页面出现一个大大的「404 Not Found」字样——恭喜，你已经成功让用户体验到「期待落空」的极致快感！
3. 调试 & 排错：
• - 打开浏览器控制台，你会看到一堆红色报错，大概是主要原因是缺少