用 CodeBuddy + 腾讯元器 + MCP，打造属于我的赛博算命网站

折腾了一个有趣的小项目，用的是 CodeBuddy、腾讯元器还有 MCP，完整体验了一把从智能体构建、前端开发到部署上线的全流程，最后做出了一个赛博风格的“在线算命网站”。这个项目虽然看起来不大，但整个过程特别有意思，也让我对 AI 应用的开发和落地有了新的理解。现在把过程分享出来，希望对感兴趣的朋友有点参考价值。大家可通过此链接访问URL: 星座运势测算

腾讯元器

整个项目的起点是我想做一个“测运势”的页面，就像我们小时候在课本边角画的那种转运小纸条，但升级成了数字版本。

首先我是在腾讯元器上创建的智能体。选的是“测算类目”，填了一些提示词，比如“请帮我解读一下最近的运势”之类的，然后提交发布，等审核通过。审核流程还算顺利，几个小时就搞定了。

审核成功之后，右下角有个“更多”选项，点进去就能看到 API 的调用方式和示例代码。这里是关键一步，后面就是靠这个接口来驱动整个前端页面。

在右下角更多的选项中找到调用API。

CodeBuddy：用自然语言造页面，真的很香

接下来是前端页面部分。我没打算手撸代码，就想着用 CodeBuddy Craft 试试。打开 Craft 面板，把元器生成的 API 示例代码复制粘贴进去，然后直接用自然语言输入了第一条指令：

“使用 JavaScript 和 H5 帮我封装这个 API。”

这个时候生成的结果可能是这样的。

Craft 给我生成了一套基本的 HTML + JS 页面，功能上能跑通了，但还比较简陋。这时候我继续补充指令：

“用户只输入 question，其他配置都默认不可更改。”

它就帮我把输入框简化了，只保留了“请输入你的问题”这个部分，其他参数都做了隐藏处理，非常符合我“傻瓜式使用”的初衷。

再来一步：

“把页面风格改为运势测算的风格。”

我没太细说风格是什么样，但 CodeBuddy 给的风格意外地有点意思——渐变蓝色背景、边框，加上点小图标动画，瞬间有了“玄学味”。

我还调整了一些细节，比如按钮文字、提示语句，加了一点有趣的文案，等等。

怎么上线分享？用 edgeone-pages-mcp

页面搞定之后，最大的问题来了——怎么让别人也能访问？这时候就轮到 edgeone-pages-mcp 登场了。

我用它把页面部署成了一个在线链接，操作非常简单，不用自己搭服务器、也不用配置域名，也不用点几下就可以部署。

最后生成的链接我直接发给朋友，打开就是算命页面，体验上和正式网站没太大差别。

只需使用CodeBuddy的MCP功能，输入指令：

使用edgeone-pages-mcp发布；

一点儿小结

整个流程下来，我最大的感受就是两个字：顺畅。

从智能体创建、API 获取，到前端页面构建、再到部署上线，一切都在一个小时内完成了。以前做一个网页功能，可能得前端、后端、运维齐上阵，现在有了这套组合工具，一个人就能搞定。

另外，CodeBuddy 的自然语言指令非常适合像我这样的轻度开发者，想法多但不想写太多代码的人。而腾讯元器的 API 输出也很稳定，基本上不用调试太多。而 MCP 的存在，则让整个链条变得闭环，不再只是“能跑”，而是真正能分享、能发布、能转化的项目。

我觉得这套流程未来在很多轻应用开发场景里会特别吃香，比如节日祝福页、情侣纪念日小程序、互动小游戏等等。

如果你也对 AI 工具感兴趣，强烈推荐你试试这套组合，真的可以玩出不少花样。