网站首页 > 技术文章 正文
你可能和我一样,每天脑海里可能有各种创意的想法,但是想把这些创意很好的表达出来,总是会受限制。
因为既不会专业的作图,也不会写代码搞个应用或者小程序。
直到trae ai出现之后,我发现各种奇奇怪怪的创意想法,几分钟就能转化为可视化的网页应用,呈现在你面前。
把想法到现实距离拉的越来越近。
比如你可以把自己想设计的小游戏做一个出来,自己做一个图片压缩小工具,自己做一个能ai对话的网页。
针对能实现“创意想法”本身,我又在Trae中设计了个全栈工程师的智能体。
在此之前我作为一个编程小白,甚至都不知道这是个啥概念,了解之后才知道这个角色需要能独立处理项目里的各种技术问题,拥有从前端页面设计到后端数据处理的独立完成项目全流程开发的能力。
好么,那就简单了,直接让ai扮演这个角色就可以了,于是我又写了一套全栈工程师的智能体提示词,帮我用trae ai一键实现各种创意想法。
部分截图如下,完整版结尾获取。
仍然还是把提示词传到trae ai中的智能体当中,新建一个新的智能体,然后配置好需要的mcp服务。
我的第一个想法跑了三天才跑完,因为虽然模型现在使用免费,但是白天十点以后都是要排队啊。
第一个想法就是针对创意本身,想设计一个“创意板”,能够用可视化的方法,把创意想法展示到同一个画板当中。
完整想法如下:
一个帮助用户快速捕捉、整理和可视化个人项目灵感(如图片、文字笔记、链接、颜色)的Web应用。用户可以创建不同的“看板”,在看板上自由添加和排列这些灵感元素,形成个性化的视觉情绪板或创意草稿板。
丢给trae的智能体之后,它就开始帮我先完善这个想法了,整整先写了一整页的项目介绍(README.md文件),构思的非常好,类似于最后要实现思维导图工具的应用,能够上传图片,文本,链接等等,并且在画布当中还能自由拖动。
然后接下来就是自动让它工作了,我自己啥也没干,先写出了第一版能用的网页应用,单个css样式都2000行代码了,打开后就是下面这样:
整个画布可以自由传入各类形式的内容,左侧选择,右侧展示,然后想拖到哪里就拖到哪里,并且可以自由放大缩小。
哦吼?这么快就实现了ipad上各种笔记工具的功能了?也类似xmind,mindmaster这些思维导图工具的功能。
太方便了。
当然还差点意思,画布最后能导出来就更好了,还有画布刚开始不能无限放大缩小,只有一个界面也不太行,还有上传的内容能不能再丰富一些?包括配色风格能不能更高大上一些?
有了这些要求,再让trae修改就更方便了,再次一步步迭代之后,截止目前这些功能都实现了。
无限画布是迭代了几次后面加上的,真的是像极了思维导图工具,虽然没有人家做得好,但是想想自己能够零基础做这么一个供自己能用的,还是挺爽的。
最终呈现效果如下:
右上角想导出的各种格式也都有。
最次的,你纯纯把它当成是一个自由拼图的工具都行,把要拼图的图片全部传进来,然后自由调整好位置,最终右上角一键导出大图。
绝了,意外还发掘了这个用处。
后续还会有更多功能一步步完善进去。
猜你喜欢
- 2025-06-10 给你「最酷」网页设计指南(网站设计酷站)
- 2025-06-10 后台改了商品,前端却不更新?一次被运营怒怼后的数据同步机制复盘
- 2025-06-10 建一个企业官网,都有几种方案?(企业官网建设方案)
- 2025-06-10 网站设计的八个步骤,你知道吗?(网站设计的八个步骤,你知道吗为什么)
- 2024-09-30 2021年脱颖而出的定制网站设计和开发
- 2024-09-30 官网网站设计网页制作模板建站前端自适应响应式网站仿站门户
- 2024-09-30 网站前端布局方式之:前端流式布局
- 2024-09-30 如何成为一名优秀的前端设计师? 如何成为前端大佬
- 2024-09-30 设计一个网页首先考虑什么 设计一个网站首先要确定网站的什么
- 2024-09-30 面向对象方式编写前端页面(2)通用信息显示窗
你 发表评论:
欢迎- 516℃Oracle分析函数之Lag和Lead()使用
- 514℃几个Oracle空值处理函数 oracle处理null值的函数
- 507℃Oracle数据库的单、多行函数 oracle执行多个sql语句
- 500℃0497-如何将Kerberos的CDH6.1从Oracle JDK 1.8迁移至OpenJDK 1.8
- 494℃Oracle 12c PDB迁移(一) oracle迁移到oceanbase
- 486℃【数据统计分析】详解Oracle分组函数之CUBE
- 467℃Oracle有哪些常见的函数? oracle中常用的函数
- 465℃最佳实践 | 提效 47 倍,制造业生产 Oracle 迁移替换
- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端react (48)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端富文本编辑器 (47)
- 前端路由 (61)
- 前端数组 (73)
- 前端排序 (47)
- 前端定时器 (47)
- Oracle RAC (73)
- oracle恢复 (76)
- oracle 删除表 (48)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle 中文 (51)
- oracle的函数 (57)
- 前端调试 (52)
- 前端登录页面 (48)
本文暂时没有评论,来添加一个吧(●'◡'●)