1小时,我用TRAE SOLO做了一款功能齐全的在线图片处理工具

475 阅读6分钟

大家好,我是小悟。

收到字节跳动旗下TRAE SOLO的内测码,作为一个常年写代码但总被产品经理和设计师“折磨”的开发者,我决定亲自试试这个据说能“一句话生成产品”的AI IDE。

图片

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

评论区留言‘TRAE SOLO’抽 2 位送SOLO码!

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

1、获取SOLO码

点击【Get SOLO Code】,即来到【加入等待名单】页面,填写Email或者Phone number提交即可,等待查收SOLO码。

图片

图片

2、下载安装IDE

点击【Download TRAE】,即可下载,下载好后一步步点击安装。

图片

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

图片

图片

图片

图片

点击登录。

图片

使用谷歌或GitHub账号登录或者新注册一个账号都可以,这里注意,需要梯子才可以访问。

图片

图片

登录成功。

图片

图片

目前SOLO模式要求账号是Pro,然后使用官方发的SOLO码来体验。

图片

那有啥说的,先来个Pro身份吧,首月3刀(21元左右),次月开始10刀。你们觉得这个价格如何?

图片

图片

图片

然后打开官方给的SOLO码,点击兑换即可。

图片

3、测试体验

进入编辑器,切换到SOLO模式,就可以开始代码SOLO啦。

界面很简洁,但是作为一个AI编辑器,该有的功能都有了。

图片

在设置里面,有智能体管理、MCP管理、上下文管理、规则管理、大模型管理。内置了12款大模型。

图片

正片开始了哈,让TRAE SOLO制作一个基于Web快速、简单的在线图片处理工具。为了不浪费时间,整理好了详细的功能需求,在输入框粘贴,SOLO模式下,默认使用Claude-4-Sonnet大模型。然后点击发送。

图片

AI刷刷刷,开始干活了,它说:“用户想要创建一个全新的在线图片编辑工具,包含修改像素尺寸、裁剪、压缩等功能。”,然后就开始创建产品文档来明确功能需求和技术架构。

图片

没多久,就把产品需求文档和技术架构文档给出来了。它一个AI,几乎承担了开发一个项目大部分岗位的工作,包括比如项目经理、产品经理、UI设计师、技术工程师。

图片

图片

AI说:我已经为您创建了一个全新的在线图片编辑工具的完整产品文档,包括:

产品需求文档:

  • 明确了产品定位:快速、简单的在线图片处理工具

  • 详细定义了三大核心功能:图片尺寸调整、裁剪、压缩

  • 设计了完整的用户操作流程和界面布局

  • 采用现代蓝色主题的美观UI设计

技术架构文档:

  • 确定使用原生HTML5 + CSS3 + JavaScript技术栈

  • 基于Canvas API、File API、Blob API实现图片处理

  • 设计了模块化的前端架构

  • 规划了完整的文件结构和核心算法实现

文档已完成,为后续的代码实现提供了清晰的指导方案。接下来可以根据这些文档开始具体的代码开发工作。

它会询问是否开始开发,点击确认,开始开发!

然后就根据产品需求文档和技术架构文档开始编码实现,撸起代码来了,遇到问题自己分析,自己解决,非常冷静,丝毫没有任何负面情绪,哈哈哈。

图片

还创建任务列表来系统性地实现图片上传、尺寸调整、裁剪、压缩和导出等核心功能。

图片

完成的任务还会更新,是不是特别像项目经理,一步步跟进项目进度。

图片

12分钟过去后,它告诉我,开发完成了。列出了已实现的核心功能。

图片

告诉我使用的技术有哪些特色,虽然没有啥特色。

图片

列出项目文件结构。

图片

打开看了一下,所见即所得,基本上是完成了,包括三个功能。

图片

尺寸调整。

图片

裁剪。

图片

压缩。

图片

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

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

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

图片

有bug那就解决bug,每次修复完成,它会列出比如问题分析、修复方案、修复效果等方面的总结,这也是我们可以学习到的内容。

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

“有一个bug,上传图片会打开两次文件夹,请修复”

图片

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

“帮我优化一下裁剪功能,自由裁剪的时候,可以自由控制裁剪区域”

图片

让它帮忙部署一下,IDE内置了部署工具Vercel平台,得到部署的指令,AI立即开始部署工作。

图片

到此,快速、简单的在线图片处理工具做好了,是还可以继续优化,但基本功能算开发完成。

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

“666,辛苦啦”

图片

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

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

TRAE SOLO功能绝不止于此,还有太多其它好用的模块,比如自定义智能体、添加MCP、Supabase等,就不一一体验了,感兴趣的小伙伴可以亲自去操作一下。

图片

@TRAE

#TRAE #TRAESOLO #TRAE2.0SOLO出道

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

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

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

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