叶小钗

Claude Code 太折腾?这个国产开源 AI 编程平台打开就能用

最近冲浪发现了一个Agent产品,叫MonkeyCode。

如果你想做一个网站,小工具,或者demo。但又不想安装CodeX, Claude Code这些工具,学习这些工具怎么使用。

那么MonkeyCode可能比较适合你。

Image

因为MonkeyCode免费使用,无需安装,内置云端开发环境,并支持业内最全的顶尖大模型。

MonkeyCode是什么?

MonkeyCode 是一款开源的企业级 AI 开发平台,内置了开发环境管理、AI 模型管理、AI 任务管理、项目需求管理等能力,区别于其他的 vibe coding 工具,

MonkeyCode 是真正面向专业开发团队的 AI 助手。

这个是首页面,可以邀请好友得积分,一次5000积分,一次任务差不多消耗200积分左右,还是够用的。

Image

可以免费使用国内主流基础大模型。每天3千万免费额度,日常写一些任务还是可以满足的。

Image

旗舰模型也是可以使用的。

Image

这里可以绑定你的代码仓库地址。

Image

支持多平台仓库,我这里选用国内的Gitee,当然主流的还是Github。Image

完全开源:核心代码全部公开在 GitHub。

https://github.com/chaitin/MonkeyCode/

现在已经有4.3k的星星。

Image

感兴趣的朋友也可以去点个赞,支持一下国产Agent。

测试一下效果怎么样。

选用极致模型5.5,只是名字不同而已,模型还是我们熟悉的哪个5.5模型。

可视化数据分析任务。

Image

任务目标 围绕“AI 发展”这个主题,收集、整理并展示近几年人工智能领域的重要发展变化,最终生成一个完整可运行的 HTML 页面。 页面主题为: AI 发展观察:从大模型到智能体 页面要求风格清新、信息清晰、适合做成网页展示、公众号配图长图或课程资料页面。

后面详细的提示词就不用展示出来了,太多了,可以让AI帮你进行扩展。

运行时间差不多在4分钟左右。

Image

云端直接运行,不用部署,可以从地址中可以看出来,这是一个外部可以访问的地址。

Image

配色布局方面也是比较清新的。

太空战斗机小游戏

做一个小游戏。

太空陨石躲避是一款节奏很快的横版或竖版网页小游戏。玩家控制一艘小飞船,在宇宙背景中左右移动,躲避从上方不断坠落的陨石,同时尽可能收集发光的能量球。游戏可以设置倒计时、生命值和分数系统,陨石下落速度会随着时间逐渐加快,让玩家越玩越紧张。画面可以采用蓝紫色科技风,加入星空、粒子、飞船尾焰和爆炸特效。这个玩法规则简单,但反馈感强,适合用 HTML、CSS 和 JavaScript 快速实现,也很适合测试 AI 编程工具制作小游戏的能力。

这个是初版。初版显而易见雏形是有的,基本框架没问题,但是这个画面太简陋了,就是一些简单的图形,再加一些发光的元素差不多就没了。

Image

然后对美术资产进行了一遍优化,让MonkeyCode把美术资产优化一下,形成svg把资产进行打包到文件夹中。

新增飞船贴图:ship.svg 新增两种陨石贴图:meteor-1.svg、meteor-2.svg 新增能量球贴图:energy-orb.svg 新增背景星云层:nebula.svg

现在看着要好多了。战斗机和陨石都有了一定辨识度.

Image但是这个还是代码生成的svg图片效果。给人一种拼装感。

然后我们再次优化一下美术资产。生成带有alpha 通道的图片,利用高清带有细节的图片去提升我们的战斗机都陨石。这里要用到透明的背景,这样才适合给融入到小游戏中。

Image

然后把这些带有alpha 通道的图片丢给我们的MonkeyCode。 告诉他根据参考图进行美术资产优化。

Image

现在是不是又好一点点了。

Image

优化一下UI界面,增加血条,图标这些细节元素。

Image

现在这个小游戏差不多就制作完成了,MonkeyCode基本上没有卡点,给出的需求都能正常完成。

最后我还继续优化了一下,新增了战斗元素,增加了敌方战斗机。

Image

现在这个小游戏就从原来最初的简陋demo版本,优化为了更精美的demo版本。

Image
而且这里小游戏直接运行在云端上面,不用本地启动,部署。省去这些后续的流程,达到做好即用的效果。

工具制作

最后测试做一个HTML转PNG图片的工具。这个工具我觉得还有一定的使用范围。

Image

HTML 本质上是“可编辑的页面”,适合做复杂排版、卡片布局、时间线、表格、信息图、课程页。 但很多平台并不能直接展示 HTML,比如公众号正文、小红书、朋友圈、PPT、海报素材区,它们更接受图片。所以需要把 HTML 最终导出成 PNG。

利用下面这段提示词进行制作。

请帮我制作一个完整可运行的网页工具,使用 HTML、CSS、JavaScript 单文件实现。 工具名称: HTML 转 PNG 图片工具 制作一个浏览器端小工具,用户可以输入或粘贴 HTML 代码,然后将渲染后的页面内容导出为 PNG 图片。

完整版提示词
完整版提示词

同样提示词有点多,因为我把页面布局的提示词也给到MonkeyCode了。所以会多一些。

几分钟后,工具网站就搭建好了。

Image

左边就是HTML代码存放地方,右边是预览图片。还可以设置清晰度最高可以达到4K效果。

导出的效果。

Image

制作一个模型科普的HTML页面,包含公司模型,市值,成立时间这些基础信息。然后把这个HTML转为PNG图片方便传播。

Image
Image

效果看着还行吧,有什么其他的小工具制作,可以直接在MonkeyCode里面进行制作。

最后

MonkeyCode解决了两个最直接的问题,不用下载安装环境,不用部署环境。

这对很多想快速试想法的人来说,门槛会低不少。比如做一个网页小工具、一个数据展示页面、一个小游戏 Demo,直接在云端写、云端跑、云端看效果,整个流程会轻很多。

当然,它也不是说能一次性把所有东西都做到完美。像游戏美术、页面细节、交互体验这些,还是需要不断提需求、反复优化。但从这几次测试来看,MonkeyCode的完成度已经够日常折腾一些小项目了。

如果你平时也想做点网页、工具、Demo,又懒得折腾本地环境,可以试试看。