AI工具使用效果对比:根据原型图生成前端页面

boyanx6个月前技术教程16

参赛选手(下划线是要扔垃圾箱的选手)

编程工具

traeCN

trae国际版

CodeBuddy

Augment

fittencode

cursor

CodeGeeX

通义灵码

大模型/综合工具

豆包

通义千问

夸克APP

腾讯元宝

KIMI

百度文心一言



对kimi,fittencode特别是 fittencode改观,有点东西,还原度很高。

Augment生成的页面效果,特效都有,但是是付费的。

任务

根据之前ai生成的原型图,生成对应模块的前端页面。

提示词

严格按照APP原型图生成前端代码,不允许自行修改,完整还原原型图中所有的界面,一共8个页面,一个模块一个文件。每个文件都可以单独运行,

原型图

豆包-AI编程

上传文件,输入提示词,生成,没有完全按照原型图生成

traeCN

doubao-1.5-thinking-pro效果最好,生成8个页面,但是没有完全按照原型图生成

trae国际版

生成8个页面,但是没有完全按照原型图生成

腾讯CodeBuddy

生成,没有完全还原,基本还原。

Augment

没有完全还原,但是生成的自带效果,而且页面点击事件可用,页面效果可用,可跳转。

通义灵码

生成了,但是没有完全还原,而且样式不对

通义千问-tongyi.com网站

不能上传html格式文件,pass掉

夸克APP

不能上传html格式文件,pass掉

fittencode

文件超过上下文大小,不能选择。但是生成的页面还原度很高。

腾讯元宝

在线无法运行,没有提供下载链接,代码发送邮箱没有尝试。

KIMI-长思考-官网

生成8个页面,基本还原,可以在线查看。

cursor--大模型选择的Auto

生成8个页面,但是没有完全按照原型图生成

百度AI

不能识别html文件,pass掉

CodeGeeX-

没有执行成功

相关文章

办公必备工具

我们在使用电脑时,会经常保存文件,肯定会出现重复保存的情况,重复的文件夹或者重复的文件名,天长日久,给管理文件带来麻烦,我们可以编写一个工具,查找相同的文件或者对比文件夹,删除多余重复的文件。精准查...

在线协作白板是什么,哪个好用?5个主流的白板工具盘点推荐!

相信每个职场人都有这么一种经历,临时想把一个文件分享给同事,费尽千辛万苦,却发现死活找不到,办公俨然成了“不是在找文件,就是在找文件的路上”,这样的办公体验别提有多差了:不止要处理糟心事,还不得不忍受...

更智能、更快速、更安心 银河麒麟桌面操作系统文件管理器最新体验

文件管理器是用户浏览、管理文件的重要工具。文件管理器的操作体验直接影响用户对操作系统的整体感受。银河麒麟桌面操作系统V10 SP1 2503针对文件管理器进行了深度优化,从搜索效率、批量操作、数据安全...

谈谈目前最好用的文件搜索神器

Everything 是由 voidtools 开发的免费、轻量级、超高速的 Windows 本地文件搜索工具。它通过直接读取 NTFS 文件系统的 USN 日志(而非扫描硬盘),实现秒级检索全盘文件...

这五个神仙网站,你可能现在用不到,但是一定要备着

本内容来源于@什么值得买APP,观点仅代表作者本人 |作者:海斗星河最近我整理了一下之前推荐的软件,发现已经很久没有推荐过网站了。其实我一直都在收集一些实用的网站,刚好趁着这次不知道推荐什么的时候,给...

Jan AI,一款注重隐私保护非网页版跨平台的AI工具

如果你对AI有隐私保护的需求,又不喜欢网页版的ChatGPT,Jan这款AI应用正适合你。Jan 是一个可在个人的设备上100%离线运行的 ChatGPT 替代品。我其目标是让普通人能够轻松下载和运行...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。