← 我做过的产品心得
2026.02·8 分钟产品心得我做过的产品心得微信公众号

30岁文科生裸辞,手搓行业SaaS平台网站全流程心法

30岁文科生裸辞,手搓行业SaaS平台网站全流程心法封面

Image

hi,大家好,我是seven。一个专注用AI赋能品牌的实践者。

在此之前,如果有人告诉我:“你能一个人开发出一个全功能的商业网站,包含前端UI、后端数据库、域名解析……”

我大概会觉得他在痴人说梦。

毕竟,我是一个做了多年品牌策划的“乙方”,一个纯文科生。我对代码的认知,仅限hello world,至于语法?完全一窍不通。

但就在上周,我的网站 7brandhub.com 上线了。

ImageImage

这是一个聚合了全球优质品牌服务商的智能检索平台。从构思到上线,没有技术合伙人,没有外包团队,只有我和我的AI(Gemini, Manus, antigravity)。

这次经历让我产生了一个巨大的认知颠覆:技术门槛正在崩塌,真正的“超级个体”,比拼的不再是全栈技术,而是“愿力”与“审美”。

今天,我想聊聊一个我是怎么做的,踩了哪些坑,又学到了什么。

01.起心动念:真需求比写代码更重要

一切始于一个困惑。

做了这么多年品牌乙方,我有极其严重的“竞品调研”职业病。但每当我想找靠谱的供应商、找对标案例时,发现行业里竟然没有一个好用的“品牌服务集合站”。

信息是破碎的,搜索是低效的。

“既然没有,能不能自己整一个?”

这个念头一出,过去我会立刻掐灭它——因为我不会写代码。但这次,手握 Google AI Studio、Manus 和 Antigravity 这些 AI 工具,我决定试一试。

这里是第一个心法: 在 AI 时代,“为什么做”比“怎么做”重要一万倍。

代码只是实现的手段,而对痛点的洞察、对行业的理解、以及你作为“活人”的价值观,才是产品的灵魂。AI 写不出“解决品牌人调研难受”的痛点,但它可以帮你实现解决痛点的代码。

Image

02.Vibe Coding:是师徒,更是“大脑与手”

很多人问我:不懂语法,怎么指挥 AI?

我的答案是:不要把自己当程序员,要把自己当“产品经理”和“艺术总监”。

整个开发过程中,我完全不知道 AI 用的是 React 还是 Vue,是 Python 还是 Node.js。我甚至不需要知道。

我做的事情只有两件:

  1. 1. 定义功能: 告诉 AI,我要解决什么问题,大框架有哪些板块。

  2. 2. 把控审美: 告诉 AI,这不好看,我要哪种高级感。

起初,我用 Manus 做前端。我直接丢给它一个我喜欢的网站链接,告诉它:“参考这个风格,生成我的设计思路。”

它真的能读懂!它不仅生成了代码,还给了我一份 .md 的设计参数文档。那一刻我意识到,AI 真的不仅仅是工具,它是你雇佣的、不知疲倦的顶级执行者。

Image

在这个新范式里,你是大脑,AI 是手。 如果你一开始没想清楚架构,没想清楚你要什么,AI 这双手就会乱动。你的指令越清晰,它的执行就越完美。

03.穿越“报错地狱”:用逻辑击败混乱

当然,过程绝不是一帆风顺的。

作为一个“代码盲”,我遇到的最大恐慌是——满屏红色的 Error(报错)。

比如在对接数据库时,我遇到了两个巨坑: 一是数据库格式不兼容,Antigravity 建议我换 Turso,结果我在 Vercel 里错误地链接了两个数据库,导致冲突。 二是域名的 DNS 解析问题,没有指向 Vercel 的官方 IP。

ImageImage

对于程序员来说,这可能只是改一行配置的事;但对于我,这是“鬼打墙” 。

我是怎么解决的?既然看不懂代码,那就看懂逻辑。

我没有去死磕具体的代码行,而是向 AI 提问:

“请帮我详细解析开发这个网站的完整逻辑链条。从在 Namecheap 买域名,到用 Antigravity 写代码,再到推送到 GitHub、导入 Vercel、链接 Turso,它们之间到底是怎么串联的?”

当 AI 把这个“黑盒”拆解成流程图后,我瞬间明白了——哦,原来是这里断开了。

这是第二个心法:不懂技术细节没关系,但你必须建立“系统观”。 当你遇到 Bug,不要只把报错丢给 AI,而是把“上下文(Context)”和“完整日志”喂给它,让它帮你定位是链路的哪一环出了问题。

AI 不仅帮你修路,还能教你路为什么是这么修的。

Image

04.重新定义创造:从“服务甲方”到“自我实现”

当 Antigravity 的 Browse 功能第一次在浏览器里跑通,当我看到原本只存在于我脑海里的 7brandhub 变成了一个可以点击、可以交互的实体网页时……

那种感觉,叫做“心流”。

以前做品牌策划,我的创造是为了甲方。 我要反复沟通、改稿、妥协,等待客户的反馈,周期漫长且充满内耗。

而现在,反馈是即时的。 我有一个想法 -> 告诉 AI -> 代码生成 -> 网页呈现。 这种“所想即所得” 的快感,是任何打工都给不了的。

我第一次深刻地感觉到,“创造”这个词被重新定义了。 它不再是帮别人实现梦想,而是把自己的潜意识具象化

Image

05.技术已不再是门槛,“愿力”才是

这次开发经历,让我确信一件事:

未来属于“超级个体”。

什么是超级个体?以前我们认为需要全栈技术,需要一个人活成一支队伍。 但现在,AI 已经帮我们把技术门槛抹平了。

未来的护城河,不再是你不仅会 Python 还会 Java,而是:

  1. 1. 你对生活的洞察力: 发现那些大厂看不上、但真实存在的细分需求。

  2. 2. 你的审美与判断力: 决定什么是好的,什么是有价值的。

  3. 3. 最核心的——愿力: 你是否有强烈的动力,去把脑子里的想法变成现实。

Image

用 AI 开发你想要的东西,比你想象的简单很多。真正的门槛,只有“开始”那一步。

只要你跨过了从 0 到 1 的心理障碍,剩下的,AI 会推着你走。

实践指南:文科生的 Vibe Coding 启动协议

如果你读到这里,感受到了一丝心动,那么不要让它冷却。以下是我总结的“零基础构建者”行动清单:

第一阶段:定义你的“为什么”

在打开任何工具之前,拿出一张纸,写下:

  1. 1. 痛点:你要解决什么具体问题?(越小越好,例如:我找不到品牌服务商的联系方式)

  2. 2. 价值:这个东西对谁有用?(对我自己,以及像我一样的品牌人)

  3. 3. 审美参考:找 1-3 个你觉得“味道对了”的网站。这是喂给 AI 的灵魂。

Image

第二阶段:建立你的 AI 军火库

不需要复杂的 IDE,你需要的是这些:

Image

第三阶段:像 CEO 一样沟通

不要说:“帮我写个网站。” 要说:

Image

第四阶段:遇到报错时的“逻辑解剖法”

当满屏报错时,不要慌。复制错误日志,问 AI:

  1. 1. “请像给 5 岁孩子解释一样,告诉我这行报错是什么意思?”

  2. 2. “请帮我解释在这个技术链路中(Namecheap -> Vercel -> Database),每个部分负责的逻辑是什么?”

  3. 3. “现在的错误是发生在哪个环节?,请给出具体的修复方案。”

Image

结语

这个网站的诞生,改变了我对“能力”的定义。 我依然是那个不懂代码的文科生,但我现在也是一个能让想法落地的创造者

我不懂语法,最后做完了这个项目,我依然不知道那几千行代码具体写了什么。但我不需要知道。我只需要知道,我那个关于“连接品牌与服务商”的微小愿望,此刻已经变成了一个可以在互联网上访问的 URL。

这就是愿力的胜利。

如果觉得文章对你有帮助,顺手点个一键三连,是对我最大的鼓励,也欢迎把这篇文章转给的朋友。

我们,会很快再见~


✨️我是Seven。一个只讲AI实战干货的品牌人,带了解AI最新的实用方法✨️

👆️点击关注,不错过更多内容分享👆️