Build Your Own Tool

Agent时代
给自己定制一个
称手的工具

我不会写代码。但我有Agent。
从想法到上线,我用对话完成了整件事。

从想法到上线
the problem

装修这件事,需要管的东西太多了

装修好多东西要管

工地照片、合同、进度、预算、材料清单、待办......全散在微信群、备忘录、Excel里

不止我要看--施工方要看进度,设计师要看方案,我和男朋友要管钱。

市面上找了一圈,没有一个工具能完全符合我的期待。

那就自己搓一个。用Agent帮我做。
the big picture

从想法到上线,你需要4个东西

全景图
💬

Agent

你说需求,它写代码

☁️

GitHub

代码存云端,能回滚

🗄️

Supabase

数据库+文件+用户

🚀

Vercel

推上去就上线

01 - Agent

你的技术搭档

跟Agent商量着来

沟通需求

先跟Cola聊清楚到底要什么--不是直接说"帮我做个App",而是一起讨论:管哪些东西?谁会用?什么场景下用?

让它写PRD

需求聊明白后,让它整理成产品文档--功能列表、数据结构、页面框架。确认"我们理解的是同一件事"。

小步迭代

不是一口气写完。先做最小可用版本,跑通了再加下一个功能。每次加一点,每次确认方向对不对。

你的角色:提需求、验收结果、说"不对"

Agent的角色:写代码、给选择、引导技术决策

02~04 - The Tools

每个工具解决一个"为什么"

☁️GitHub
🗄️Supabase
🚀Vercel
GitHub

代码的云端存档

为什么不只存电脑上?因为GitHub可以回滚--每次更新都有记录,改坏了可以退回上一个版本。当你的项目越来越大,这个追溯历史版本的能力非常重要。

而且后面Vercel部署时,直接从GitHub拿你的代码。它们之间是打通的。

Supabase

你的免费后端

你跟Agent说"我需要多人能注册,要能存图片"--它会引导你用Supabase来解决:数据库 + 文件存储 + 用户系统 + 实时同步。

免费额度对个人项目完全够用,不需要花钱。

Vercel

部署上线

你跟Agent说"我想让别人也能通过网址访问"--它引导你用Vercel。绑定GitHub仓库,自动部署,给你一个网址。不用额外买域名。

以后每次更新代码推到GitHub,Vercel自动重新上线。改了就生效,零操作。

05 - How to Talk

具体怎么跟Agent说?

我想做一个装修管理工具,你帮我想想需要哪些功能
好,我们先理清需求。你需要管哪些东西?谁会用?......(帮你写PRD)
先做最简单的版本跑起来
明白,我先做一个只有待办+进度的最小版本,你验收(写代码)
现在我需要多人能登录,要能存图片
你需要一个数据库和用户系统。我帮你用Supabase搭(引导你)
我想让别人也能通过网址访问
我帮你部署到Vercel。绑好GitHub仓库就行(引导你上线)
the result

最终效果

👷

施工方

看进度、传照片

🎨

设计师

看效果图、传方案

🏠

我和男朋友

管预算、管待办

💬

我 + Agent

对话直接调用

不太会用AI的朋友用图形界面管理。
我习惯用Agent直接调用。两种方式都很方便。

The Core Insight

界面会改版,操作会更新。
但这条链路的逻辑不会变。

搞明白每个工具的角色,
具体操作让Agent带你走就行。