零基础?用 TRAE Work 半小时做了一个 Todo 待办工具 🚀

昨天突发奇想,想做一个属于自己的待办事项工具,不想再用那些广告满天飞的 App 了。于是打开 TRAE Work,跟 AI 说了句"帮我做一个 Todo 工具",剩下的就交给它了。

最终做出来的成品长这样:

:white_check_mark: 添加待办,支持优先级(高/中/低)、分类(工作/学习/生活/其他)、截止日期
:white_check_mark: 一键搜索、四种视图筛选(全部/待办/已完成/高优先级)
:white_check_mark: 拖拽排序,像手机 App 一样顺手
:white_check_mark: 点击任务进入详情,还能写备注
:white_check_mark: 进度条 + 统计面板,完成率一目了然
:white_check_mark: 深色/浅色主题一键切换,晚上用不刺眼
:white_check_mark: 数据存在本地浏览器里,关掉再打开还在

体验上的小细节也拿捏了:

  • 列表交错入场动画,删除任务有滑出效果
  • 按钮悬停有微动效,选中 checkbox 有弹跳动画
  • 空状态页面做了呼吸光圈动画,不无聊
  • 全部完成、取消完成、删除已完成,批量操作都有
  • 截止日期快到了会标黄,过期会标红闪烁提醒

整个过程我基本没怎么写代码,就是不断跟 AI 说"再加个 XX 功能"“这个交互优化一下”“帮我修个 Bug”,它自动改文件、自动补齐样式,我负责验收。真正的"人机协同"——它写,我把关。

说实话,以前想做个工具得装环境、写页面、调样式,至少折腾一晚上。现在对着 AI 说需求,喝着咖啡等它出活,半小时出成品,体验真的不一样。

如果你也想要一个干净好用的 Todo 工具,或者想试试 AI 帮你做点什么,真的推荐打开 TRAE Work 说一句:“帮我做一个待办工具”。


对我个人来说,其实如果你想要节省token的话,你可以试一试,先在github看起来你的程序相对应的编程语言的程序,然后再用trae work做一些定制化的工作