Vibe CodingAI前沿数字营销产品经理一物一码实战复盘智慧陈列渠道数字化

36小时,0编码基础的我 Vibe Coding 上线了个人网站,还接入了AI大模型!

By 鱼小稳2026-03-10
36小时,0编码基础的我 Vibe Coding 上线了个人网站,还接入了AI大模型!

我做梦都渴望的事情发生了!

作为一个没有任何编码基础,也没有任何部署经验的产品经理,我在36小时内,用 AI 做出了自己的个人网站,并且把它成功上线了!

而且不是“套个模板、改个字”的那种伪开发。 是从网站页面设计、信息结构、文案表达,到网站后台搭建、AI接口接入、代码推GitHub、部署到阿里云服务器上线,我全程都参与了,并且所有代码,几乎都是我用自然语言“描述”出来的。

我第一次如此强烈地感受到:

**属于产品经理的时代,真的变了。**更准确地说—— 属于“会思考、会表达、会拆解需求”的人的时代,真的来了。!

一、先说结果:我做了什么?

这36小时里,我用 Cursor + AI,做出了自己的个人网站:

https://yuwener.com

这个网站不是一个简单的个人介绍页,而是我真正想长期经营的一个个人内容与业务阵地

它里面包括:

我的个人介绍页

我的业务能力与方法论展示

案例与内容承接

网站内容更新能力

以及最关键的——接入了AI大模型能力,让 AI 帮我实现了两个非常实用的功能:

1)微信公众号文章解析

我只要输入公众号文章链接,系统就可以自动:

抓取标题、摘要、封面、作者

提取正文内容

转成适合网站发布的 Markdown

自动下载图片到本地

再调用通义千问生成:

SEO关键词

文章简介

2)抖音视频解析

我还做了抖音视频内容解析能力,方便把我自己的口播内容更高效地整理、沉淀,作为网站内容的一部分。

图片

也就是说,这个网站不只是“长出来了”,它还初步具备了内容生产工具属性。 它承载的是我作为一个产品人、业务人、内容创作者的表达与沉淀。

二、最重要的不是网站,而是:我以前根本不会写代码

这件事最让我兴奋的,不是网站本身。 而是我终于亲身跨过了那条过去一直横在产品经理面前的线:

** “我知道自己想要什么,但我做不出来。”**

我是一名有 15 年互联网产品经验 的产品经理,日常服务快消品企业客户的一物一码全链路数字营销。

过去这些年,我一直在做需求、方案、逻辑、原型、项目推进和交付落地,也负责过很多复杂的项目。

我很清楚自己擅长什么,也很清楚自己的边界在哪里:

我懂业务

我懂用户

我懂产品逻辑

我懂需求拆解

我懂系统该怎么设计

但是——

我不会写代码

我不会部署

我不会配环境

我甚至对很多技术名词都只是一知半解

以前这种感觉特别像什么?

像你站在一栋房子的设计图前,脑子里清楚知道厨房该怎么布局,客厅该怎么采光,动线该怎么走,材料该怎么选——但你自己一块砖都搬不动。

你必须依赖工程队。 你只能提需求、做方案、盯交付。 你离“真正亲手把它造出来”,永远差着一层。

而这一次,我第一次感受到:

AI 正在把产品经理从“图纸的人”,变成“真正能下场搭东西的人”。

三、什么是 Vibe Coding?对我来说,它不是“会写代码”,而是“会把意图讲清楚”

最近很多人在讲 Vibe Coding

如果让我用最直白的话解释,它其实就是:

你不再用代码直接操控机器,而是用语言、结构、意图和反馈,去驱动 AI 为你完成开发。

这件事为什么对我冲击这么大?

因为我突然发现,过去那些产品经理最核心、最值钱,但又最容易被低估的能力,正在被重新定价:

你能不能把目标讲清楚?

你能不能把页面结构讲清楚?

你能不能把交互感觉讲清楚?

你能不能判断一个结果对不对?

你能不能在 AI 做偏时,把它拉回来?

你能不能把模糊想法,一步步收敛成可执行方案?

这些能力,过去主要用于:

写 PRD

跟设计沟通

跟研发对齐

拉齐业务和技术

而现在,这些能力直接变成了新的“生产力接口”。

换句话说:

未来最强的一批产品经理,不一定是最会画原型的人,也不一定是最会写文档的人,而是最会“调动 AI 产能”的人。

图片

四、这36小时里,我到底是怎么做出来的?

如果你问我,这个网站是不是我一个字一个字敲代码敲出来的?

当然不是。

但如果你问我,这是不是“我自己做出来的”?

我会毫不犹豫地说:是。

因为这36小时里,我做的事情不是“按按钮”,而是持续不断地进行以下工作:

1)定义我要什么

比如一个 About 页面,我不是只说“帮我做个个人介绍页”,而是会清楚描述:

我想要什么气质:专业、锋利、可信、有审美

我想传达什么角色:不只是公司销冠和产品总监,更是客户的全链路数字营销合伙人

页面应该分几层:领航区、个人故事、能力矩阵、工作哲学、底部转化

每一层承担什么任务:建立认知、塑造信任、提炼价值、促成行动

你现在看到的这段页面代码,本质上不是“AI凭空生成”的。 它其实是我脑子里的产品结构,被 AI 翻译成了前端代码。

比如这样一段标题:

不仅是销冠与产品总监, 更是你的全链路合伙人。

这不是代码问题。 这是定位问题、认知问题、转化问题

2)不断迭代结果

AI 不是一次就给你完美答案。 很多时候它会:

写得太花

写得太土

页面层级不对

颜色不够高级

布局没有呼吸感

代码看起来能跑,但不稳

某些功能写着写着就跑偏了

这时候你必须做的,不是抱怨它,而是继续提要求:

再克制一点

红色再高级一点

卡片边框更利落

黑底那一屏增强压迫感

这里不要互联网模板味,要更像个人品牌官网

这一段代码解释给我听

告诉我这一步为什么报错

带我一步步修复

图片

3)让 AI 教我,而不只是替我做

这是我觉得非常关键的一点。

我并没有把 AI 当成一个“外包团队”,只是甩一句“给我做个网站”。

相反,我一直在让它:

解释代码

解释目录结构

解释部署逻辑

告诉我环境变量是什么

告诉我 API 为什么会失败

告诉我怎么一步步上线

所以这36小时最宝贵的,不是网站,而是我开始建立了对这套东西的**“感知力”**。

我虽然依然不是工程师, 但我已经不再是那个“完全黑盒、完全无感”的人了。

五、最让我有成就感的,不是页面,而是我真的接入了大模型能力

不同于上次我做公司官网,这次——我开始把 AI 能力嵌进自己的产品里了。

比如我做的公众号文章解析能力,它背后已经不是简单的前端页面,而是一整套“小型产品链路”:

第一步:抓文章

输入公众号链接后,系统会请求文章页面,解析里面的:

标题

描述

作者

封面

正文内容

第二步:清洗内容

公众号原始 HTML 很脏,里面有很多:

标签嵌套

图片链接

转义字符

特殊符号

会导致 MDX 崩溃的内容

于是我让 AI 帮我做了一整套处理逻辑:

把 HTML 转成 Markdown

下载图片到本地

清洗标签

转义 {}、<、> 这些容易炸掉解析器的字符

保证最后内容能稳定进入我的网站系统

第三步:调用大模型生成 SEO 信息

然后再接入通义千问,根据栏目分类,让 AI 自动生成:

文章关键词

页面简介

SEO标签建议

这意味着什么?

意味着我已经不再只是“在用 AI 写文案”。 而是在做一个真正的小型 AI 工作流产品

对一个没有编码基础的人来说,这种体验真的非常震撼。

六、为什么我会这么兴奋?因为我突然意识到,产品经理的护城河要重写了

这些年,产品经理这个岗位一直有一种隐隐约约的焦虑。

一方面,你是连接业务、用户、设计、研发的中间枢纽; 另一方面,很多人又会觉得:

“你不就是写文档、拉会、排需求的人吗?”

这也是为什么,过去几年很多产品经理都在问:

产品经理会不会被取代?

产品经理的核心价值到底是什么?

在 AI 时代,这个岗位还值不值钱?

而这36小时,让我第一次有了一个非常明确的判断:

不是产品经理没价值了,而是旧产品经理的方法论过时了。

未来值钱的产品经理,可能不再只是:

会写 PRD

会画原型

会排优先级

会拉齐项目

而是能够进一步做到:

能把业务目标精准翻译成 AI 可执行任务

能在模糊中快速形成结构

能用语言驱动界面、功能、内容与流程生成

能一边做产品,一边直接验证

能缩短“想法 -> 原型 -> 可用产品 -> 上线”的链条

以前产品经理最大的痛苦,是想法卡在工程资源。 以后产品经理最大的分水岭,是:

你能不能把自己的思考,转化成 AI 时代的生产指令。

这才是真正的时代变化。

图片

七、我不是在说“人人都会开发了”,我是在说:门槛被重新定义了

这里我也不想把话说得太飘。

我做出这个网站,不代表我就 suddenly 变成了工程师。 我依然很清楚:

我不懂底层架构

我不会系统性写复杂业务代码

我没有受过正规工程训练

真做大型系统,仍然需要专业研发团队

但是,门槛真的已经变了。

以前,从 0 到 1 做一个自己的产品,门槛是这样的:

你得会技术,或者你得有技术团队

你得会部署

你得会排查

你得愿意付出很高的试错成本

而现在,至少对于很多中小型产品、个人网站、轻量应用、内容工具、工作流系统来说,门槛正在变成:

你能不能把需求讲清楚

你能不能持续迭代

你能不能判断结果好坏

你有没有足够强的耐心和执行力

这对谁最友好?

我觉得特别友好的,就是两类人:

1)有业务理解,但没有技术背景的人

比如产品经理、运营、咨询顾问、市场人、内容人。

2)脑子里长期有想法,但过去做不出来的人

他们终于可以跨过“不会写代码”这道门槛,把自己的想法变成东西。

八、对我来说,这个网站真正的意义,是一个“0到1的象征”

如果只看结果,它现在还只是个小网站。 功能不复杂,也远远谈不上什么伟大产品。

但如果从我个人角度看,它的意义非常大。

因为它象征着一件事:

我第一次在没有编码基础的前提下,把一个属于自己的数字产品,亲手做上线了。

这和过去我做项目完全不一样。

过去我当然做过很多复杂项目,甚至比这个难得多、大得多。 但那种成就感更多来自:

洞察到了需求

设计了方案

推动了团队

交付了结果

而这次的感觉更像是:

我终于亲手把“想法”和“产品”之间的那堵墙,凿开了一条缝。

这条缝一旦打开,后面的事情就完全不一样了。

因为你会开始想:

我还能不能再做一个内容工具?

我能不能把我的行业方法论产品化?

我能不能做一个服务快消行业的小型 AI Agent?

我能不能把业务经验沉淀成真正可复用的数字资产?

这种感觉,真的会让人兴奋得睡不着。

九、我现在越来越相信:未来最强的,不是“最会写代码的人”,而是“最会定义问题的人”

当然,写代码依然重要。 真正优秀的工程师,永远稀缺。

但站在 AI 时代的入口往里看,我越来越相信:

未来最强的一批人,不一定是手最快的人,而是最会定义问题、拆解目标、描述结果、判断质量的人。

而这恰恰是很多优秀产品经理天然具备的能力。

所以这篇文章,我其实特别想写给两类人:

第一类:像我一样,过去一直把“技术”当成高墙的人

我想告诉你:

别再用旧时代的门槛吓自己了。

你不需要先把自己逼成程序员, 你只需要先跨出第一步—— 去做一个真正属于你自己的、小而完整的东西。

第二类:仍然把 AI 当“写写文案工具”的产品经理

我想说:

别低估这波变化。

它不是让你把 PRD 写得更快。 它是在重新定义:

谁能做产品

谁能验证产品

谁能更快从想法抵达上线

谁能成为“一个人的产品团队”

十、最后,说一句真心话

这36小时让我最激动的,不是“我学会了一点代码”。 而是我第一次强烈感受到:

产品经理不再只是“定义产品的人”,也正在成为“直接生成产品的人”。

这件事太重要了。

因为一旦“表达能力 + 结构化思维 + 业务理解 + AI协作能力”结合起来, 很多以前必须依赖大团队才能完成的事, 今天一个人就可以把最关键的第一步跑通。

这不是工程师时代的结束。 这是创造者时代的开始。

而产品经理,恰恰有机会成为这一波里最先觉醒、也最该觉醒的一批人。

我这次只是做了一个小小的网站,接入了一点大模型能力。 它还很初级,也还有很多地方可以继续优化。

但对我来说,它已经足够像一个信号:

那个“不会写代码的人,也能真正做出产品”的时代,已经不是未来时,而是现在进行时。

如果你也是产品、运营、咨询、市场, 如果你脑子里也有很多想法,但一直卡在“做不出来”,

我真心建议你:**这一次,别只围观。**去亲手做一个自己的东西。

哪怕很小,哪怕很粗糙。 但只要你真的把它做出来,你对这个时代的理解,就会彻底不一样。

如果你也在尝试 Vibe Coding / Cursor / AI 产品搭建,欢迎来和我交流。 也欢迎你直接去看我刚上线的网站:

http://yuwener.com(在电脑上打开效果最好)

这是我的第一次 AI 产品打造实战。 小,但足够让我兴奋。 因为它让我确认了一件事:

属于产品经理的最好时代,真的来了。

关于作者:鱼小稳

前资深产品总监,现一物一码数字营销操盘手&增长顾问。专注于为 500 强快消品企业提供一物一码一瓶一码渠道数字化防窜货系统的端到端解决方案。

核心服务领域 / Core Expertise

一物一码一瓶一码快消品数字营销渠道数字化防窜货系统终端门店动销导购激励BC一体化扫码营销快消品增长方案

需要针对性的数字营销方案?

把你的业务痛点告诉我,获取专属的“一物一码”破局方案。

提交需求,免费获取诊断方案