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

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

编程工具

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-

没有执行成功

原文链接:,转发请注明来源!