专业编程教程与实战项目分享平台

网站首页 > 技术文章 正文

Trae AI编程零门槛,让你的想法,5分钟变网页应用~

ins518 2025-06-10 15:31:44 技术文章 4 ℃ 0 评论

你可能和我一样,每天脑海里可能有各种创意的想法,但是想把这些创意很好的表达出来,总是会受限制。

因为既不会专业的作图,也不会写代码搞个应用或者小程序。

直到trae ai出现之后,我发现各种奇奇怪怪的创意想法,几分钟就能转化为可视化的网页应用,呈现在你面前。

把想法到现实距离拉的越来越近。

比如你可以把自己想设计的小游戏做一个出来,自己做一个图片压缩小工具,自己做一个能ai对话的网页。

针对能实现“创意想法”本身,我又在Trae中设计了个全栈工程师的智能体

在此之前我作为一个编程小白,甚至都不知道这是个啥概念,了解之后才知道这个角色需要能独立处理项目里的各种技术问题,拥有从前端页面设计到后端数据处理的独立完成项目全流程开发的能力。

好么,那就简单了,直接让ai扮演这个角色就可以了,于是我又写了一套全栈工程师的智能体提示词,帮我用trae ai一键实现各种创意想法。

部分截图如下,完整版结尾获取。

仍然还是把提示词传到trae ai中的智能体当中,新建一个新的智能体,然后配置好需要的mcp服务。

我的第一个想法跑了三天才跑完,因为虽然模型现在使用免费,但是白天十点以后都是要排队啊。

第一个想法就是针对创意本身,想设计一个“创意板”,能够用可视化的方法,把创意想法展示到同一个画板当中。

完整想法如下:

一个帮助用户快速捕捉、整理和可视化个人项目灵感(如图片、文字笔记、链接、颜色)的Web应用。用户可以创建不同的“看板”,在看板上自由添加和排列这些灵感元素,形成个性化的视觉情绪板或创意草稿板。

丢给trae的智能体之后,它就开始帮我先完善这个想法了,整整先写了一整页的项目介绍(README.md文件),构思的非常好,类似于最后要实现思维导图工具的应用,能够上传图片,文本,链接等等,并且在画布当中还能自由拖动。

然后接下来就是自动让它工作了,我自己啥也没干,先写出了第一版能用的网页应用,单个css样式都2000行代码了,打开后就是下面这样:

整个画布可以自由传入各类形式的内容,左侧选择,右侧展示,然后想拖到哪里就拖到哪里,并且可以自由放大缩小。

哦吼?这么快就实现了ipad上各种笔记工具的功能了?也类似xmind,mindmaster这些思维导图工具的功能。

太方便了。

当然还差点意思,画布最后能导出来就更好了,还有画布刚开始不能无限放大缩小,只有一个界面也不太行,还有上传的内容能不能再丰富一些?包括配色风格能不能更高大上一些?

有了这些要求,再让trae修改就更方便了,再次一步步迭代之后,截止目前这些功能都实现了。

无限画布是迭代了几次后面加上的,真的是像极了思维导图工具,虽然没有人家做得好,但是想想自己能够零基础做这么一个供自己能用的,还是挺爽的。

最终呈现效果如下:

右上角想导出的各种格式也都有。

最次的,你纯纯把它当成是一个自由拼图的工具都行,把要拼图的图片全部传进来,然后自由调整好位置,最终右上角一键导出大图。

绝了,意外还发掘了这个用处。

后续还会有更多功能一步步完善进去。

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表