25次对话，1个小时，用腾讯CodeBuddy IDE做了一款超实用的工具

大家好，我是小悟。

收到腾讯CodeBuddy IDE的内测邀请码，作为一个常年写代码但总被产品经理和设计师“折磨”的开发者，我决定亲自试试这个据说能“一句话生成产品”的AI IDE。

图片

从安装到上手，从需求到上线，整个过程比我想象中顺利得多。当然，也出现了一些bug。以下是详细体验过程，以及一些真实的感受。

让我惊呆的是，它竟然像真人一样，也会遗漏变量声明，也会改了东墙bug，影响西墙功能。

从获取邀请码到下载安装IDE再到测试体验。

1、获取邀请码

点击【Get Invitation Code】，即来到AI IDE 用户邀请测试问卷页面，填写7,8个问题提交即可，等待查收邀请码。

图片

图片

图片

2、下载安装IDE

点击【Download the IDE】，即可下载，下载好后一步步点击安装，即来到AI IDE用户邀请测试问卷页面，填写一下7,8个问题提交即可，等待查收邀请码。

图片

安装很简单，就是点点点。

图片

图片

图片

图片

点击Log in，使用谷歌账号登录或者新注册一个账号都可以。

图片

登录成功。

图片

图片

输入邀请码。

图片

3、测试体验

界面乍一看和VSCode很像。默认是英文界面，不过在设置里能切换成简体中文，这点对中文用户很友好，毕竟看英文IDE写代码的痛苦谁懂啊。。。

界面很简洁，但是作为一个AI编辑器，该有的功能都有了。输入框上面那一排菜单，从Figma选择、选择组件、配置集成、配置MCP、上传图片、预览、部署。

图片

正片开始了哈，让CodeBuddy制作一个基于Web的Markdown图文卡片生成工具。

为了不浪费时间，整理好了详细的功能需求，在输入框粘贴，选择Craft，CodeBuddy目前提供了六个大模型，这边使用的Claude-4.0-Sonnet。

选中设计模式和Plan Mode。还有个Boost Prompt，是增强提示词的，这里提示词够详细了，所以就不优化了，然后点击发送。

图片

AI刷刷刷，开始干活了，它说：“将帮您创建一个功能完整的Markdown图文卡片生成工具”，然后就开始分析需求，制定详细的实施计划。

图片

它将这个项目拆解成5个方面，分析、技术、设计、计划和Summary。它一个AI，几乎承担了开发一个项目大部分岗位的工作，包括比如项目经理、产品经理、UI设计师、技术工程师。

① 分析

图片

② 技术

图片

③ 设计

图片

④ 计划

图片

⑤ Summary

图片

分析完成后，得出这样的结论：根据您的需求，我已经完成了详细的项目分析。这是一个功能丰富的Markdown图文卡片生成工具，包含智能编辑器、样式定制、图片处理和多格式导出等核心功能。

项目概述：

基于React + TypeScript构建的Web应用

采用Monaco编辑器提供专业的Markdown编辑体验

使用shadcn/ui组件库确保界面美观统一

支持实时预览、多种卡片模板和导出功能

技术架构：

前端：React 18 + TypeScript + Tailwind CSS

编辑器：Monaco Editor（VS Code级别体验）

Markdown解析：markdown-it

导出功能：html2canvas + jsPDF

UI组件：shadcn/ui

设计风格： 采用现代简约的Material Design风格，左右分栏布局，顶部工具栏配合底部可折叠设置面板，支持响应式设计。

现在我将开始实施这个项目。

然后就按照一开始列出来的计划，撸起代码来了，遇到问题自己分析，自己解决，非常冷静，丝毫没有任何负面情绪，哈哈哈。

图片

15分钟过去后，它告诉我，开发完成了。列出了核心功能，可能是怕我已经忘了要做的啥东西，提醒一下。

图片

告诉我怎么使用。

图片

列出项目文件结构。

图片

最后再帮我总结了一遍，并且随时待命，以继续为我服务，解决问题，这样的“牛马”谁不喜欢，帮你干活毫无怨言。

图片

如果你不知道还要做些啥，它竟然还会给你提醒，这这这。。。，好到真的没啥说的。

图片

开发完成，还不忘去更新了下项目计划状态，是不是特别像项目经理，一步步跟进项目进度。

图片

打开看了一下，所见即所得，基本上是完成了。

图片

咱先不说有没有bug，说真的，如果安排人工来做的话，毫无疑问，这么点时间是做不到这种程度的。

那么，现在咱们变成甲方，来验收一下这个项目，功能测试开始。

不用说，肯定是有bug，导出只有截图，这是正常的，不然要测试人员干嘛呢，存在即合理。毕竟，开发流程中，还有一项测试找bug的工序，所以能理解。

图片

有bug那就解决bug，每次修复完成，它会列出比如修复的主要问题、新增功能、技术改进、测试步骤等方面的总结，这也是我们可以学习到的内容。

接下来是我和AI对话修复bug的过程。

“导出功能有bug，导出只有截图，需要导出整张完好的图片，请修复这个bug”

图片

“还是有bug，现在点击导出按钮，直接白屏了，请修复好这个bug”

图片

“怎么回事，导出的图片还是截图呀，不是完整的图片”

图片

“啊啊啊，现在导出的图片没有内容呀”

图片

“这。。。，请你测试一下看看，导出的图片还是没有内容嘞”

图片

“现在导出的图片有内容了，但是又变成只导出截图，需要导出整张图片”

图片

“这张图片是现在导出的样子，请分析问题修改bug”

图片

“导出的图片显示一边，而且导出的内容还是不全，请修改这个bug”

图片

“现在导出的内容是全了，但是为啥图片右侧还有一小部分空着，请修复”

图片

“现在图片底部又有空白区域了，请修复”

图片

“导出的图片底部还是有空白区域”

图片

“不好意思，请你仔细看这张图片，导出的图片底部仍然显示空白区域，请修复”

图片

“现在点击导出开始导出提示这个图片的这个错误”

图片

图片

“你好，现在又变成截图了，需要导出整张图片内容”

图片

“大哥，导出的图片内容是全的了，但是图片底部又出现空白区域了”

图片

“bug仍然存在，图片底部空白区域”

图片

“图片底部空白区域仍然存在，请继续修复”

图片

“以上问题已经修复了，有新的问题，有些模板设置了，预览生效，但是导出后的图片没有生效，请修复”

图片

“出现了大问题，导出图片是0B，损坏图片”

图片

基础功能的bug修复好了，现在让它优化下功能。

“好的，问题修复了，现在请帮我增加6个模板，可选性多一些，请注意不要影响其他功能”

图片

“导出PDF格式的时候提示这个错误，请修复，注意不要影响其他功能”

图片

图片

项目开发好了，现在让它帮忙部署一下，得到部署的指令，AI立即开始部署工作。

“完美，请帮我部署一下”

图片

第一次部署遇到问题，访问是空白页面，于是它检查出了问题，重新部署。

“哥，访问这个地址，空白页面奥”

图片

图片

到此，Markdown图文卡片生成工具做好了，是还可以继续优化，但基本功能算开发完成。

人家帮你免费干活，总得说声谢谢吧，它竟然还能理解“666”的含义。

“666，感谢，辛苦啦”

图片

让AI同时扮演产品经理、设计师、程序员，效率提升是肉眼可见的。

AI编辑器，不知道应对复杂的项目开发是什么样的情况，但是用它做一些工具还是游刃有余的。

CodeBuddy功能绝不止于此，还有太多其它好用的模块，比如Figma设计稿转代码、配置MCP、BaaS服务等，就不一一体验了，感兴趣的小伙伴可以亲自去操作一下。

评论区留言‘CodeBuddy’抽 5 位送体验码！

谢谢你看我的文章，既然看到这里了，如果觉得不错，随手点个赞、转发、收藏三连吧，感谢感谢。那我们，下次再见。

您的一键三连，是我更新的最大动力，谢谢

山水有相逢，来日皆可期，谢谢阅读，我们再会

我手中的金箍棒，上能通天，下能探海