最近AI圈刮起了一阵"Vibe coding"旋风，很多朋友私信问我：到底什么是Vibe coding？零基础真的能学会吗？一周真的能做出好几个可以用的成果吗？

作为亲身体验了一把的人，我可以明确告诉大家：Vibe coding真的很简单，根本不需要你懂太多编程技术，只需要一个模糊的想法和恰当的AI工具，就能在短时间内把你的想法变成实实在在可以用的产品。

今天我就把自己用AiPy这个工具，一周时间做出来的三个成果完整拆解给大家看，从功能介绍，到具体用的提示词（prompt），再到每一步操作步骤，全部分享出来。零基础的朋友照着做，也一样能做出来。

一、先搞懂：到底什么是Vibe coding？为什么现在这么火？

其实说白了，Vibe coding就是一种全新的开发方式。放在以前，你想做个软件或者工具，得先画原型图，写需求文档，设计架构，然后一行一行敲代码，调试bug，少则几周多则几个月才能出来东西。

但是Vibe coding不一样，你不需要懂复杂的编程知识，只需要把你大概想要什么东西用自然语言告诉AI，AI就能大批量短时间帮你生成代码，你只需要在关键节点做选择和调整，几天甚至几个小时就能把一个想法变成能用的产品。

举个例子，你想要一个"帮我生成简历的工具"，不需要你说清楚每个按钮放哪里，每个字段是什么类型，只要把这个想法告诉AI，AI就能帮你把整个项目框架搭好，代码写好，你只需要看看哪里不对，告诉AI调整一下就行了，整个过程可能几个小时就搞定了。

为什么这种方式现在这么火？核心原因就是现在的大语言模型代码能力越来越强了，像GPT、Claude 模型，写代码的水平已经超过很多初级程序员了，再配合像AiPy这样的工具，把整个流程串起来，普通人真的可以零基础快速出成果。

我自己总结了一下，Vibe coding有这几个特点，一看你就懂：

1. 门槛极低：不需要你系统学习编程，不需要记住各种语法，只要会说中文，能把你的想法说清楚就行。

2. 速度极快：以前几个星期的活儿，现在几天甚至几小时就能搞定，idea当天就能变成能用的产品。

3. 成本骤降：不需要雇一个开发团队，自己一个人就能搞定，创业者个人开发者可以快速验证想法。

4. 创意优先：把精力都放在想"做什么"上，而不是纠结"怎么实现"，好想法可以快速落地。

看到这里你可能会问：那我具体怎么上手呢？别着急，下面我就把我一周做出来的三个成果，一步一步拆解给大家看。每个项目都包含功能介绍，完整prompt，以及详细操作步骤，零基础看完就能动手做。

二、第一个成果：简历生成器——帮求职者一分钟做出专业简历

我第一个做的是简历生成器。为什么选这个呢？因为我身边好多朋友找工作的时候，都在愁简历做不好，要么是排版丑，要么是内容不会组织，花几天时间做出来的简历投出去没人理。所以我想做一个工具，只要输入基本信息，就能自动生成一份排版专业、内容规范的简历，还能导出PDF，这不就解决很多人的痛点了嘛。

1. 功能介绍

我最终做出来的简历生成器，具备这些功能：

• 表单填写基础信息：个人信息、教育背景、工作经历、项目经验、技能特长这些模块，都可以在线填写
• 多种简历模板选择：做了三款不同风格的模板，简约风、商务风、创意风，适应不同行业
• 实时预览效果：填写过程中随时可以看到最终简历的样子，哪里不满意改哪里
• 一键导出PDF：做好之后直接导出PDF文件，方便投递简历
• 智能内容优化：对填写的经历描述做简单优化，让简历更专业

整个工具是网页版的，打开浏览器就能用，不需要安装任何软件，手机上也能操作，非常方便。

2. 完整Prompt分享

很多朋友最关心的就是：到底给AI发什么prompt才能出来想要的效果？我把我最开始给AiPy的完整prompt贴出来，大家可以直接拿去用，也可以根据自己需求改：

我需要你帮我开发一个在线简历生成器网页应用，具体要求如下：

1. 核心功能：

- 用户可以通过表单填写简历内容，包括：

  * 个人基本信息：姓名、电话、邮箱、求职意向、住址

  * 教育背景：学校名称、专业、学历、入学时间、毕业时间，可以添加多条

  * 工作经历：公司名称、职位、起止时间、工作描述，可以添加多条

  * 项目经验：项目名称、角色、起止时间、项目描述，可以添加多条

  * 技能特长：以标签形式添加，可以增删

  * 自我介绍：一段简短的自我介绍

- 提供至少3种不同风格的简历模板供用户选择切换

- 左侧填写表单，右侧实时预览简历效果

- 用户填写的内容自动保存在浏览器本地，刷新页面不丢失

- 完成后支持一键导出为PDF文件，保证排版不乱

2. 技术要求：

- 使用HTML + CSS + JavaScript原生开发，不要用太复杂的框架，保证打开速度快

- 界面要简洁美观，符合现代审美，适配移动端和桌面端

- 代码结构清晰，注释清楚，方便后续修改

3. 交互体验：

- 添加和删除经历条目要流畅，不需要刷新页面

- 模板切换时预览实时更新

- 导出PDF时要保证格式正确，页码正确

请直接帮我生成完整的项目代码，我直接就能打开运行。

就是这么一段prompt，AI就帮我把整个项目的基础框架和代码都生成好了，是不是比你想象中简单多了？

3. 零基础操作步骤详解

接下来就是最关键的步骤了，我一步一步写出来，零基础的朋友跟着做就行：

第一步：打开AiPy，创建新项目

• 打开AiPy客户端（没有的话直接去官网下载就行，现在有免费试用）
• 点击"新建项目"，给项目起个名字，比如叫"简历生成器"
• 选择项目保存位置，然后点击创建

第二步：把上面的prompt复制进去

• 在AiPy的对话输入框里，把我上面给的那段prompt完整粘贴进去
• 如果有你自己想加的功能，直接在后面加上就行，比如我加了一句"要支持一键重置所有内容"，AI也会帮你加上
• 点击发送，然后等待AI生成代码

这里我要说一下，AiPy好处就是它会自动帮你创建目录结构，自动把每个文件写到对的位置，不用你自己手动建文件粘代码，省了好多事儿。

第三步：预览效果，提出修改意见

• AI生成完代码之后，AiPy会自动帮你启动本地服务，你直接就能在浏览器里打开看效果
• 这时候你要做的就是点一点，用一用，看看哪里不满意
• 比如我第一次生成出来，预览区域比较小，在大屏幕上不好看，我就跟AI说："把预览区域调大一些，左侧表单宽度固定在350px，剩下的都给预览区域"，AI分分钟就改好了。
• 再比如，我觉得导出PDF的时候页边距不对，我告诉AI，AI也马上调整好了。

第四步：测试所有功能，确认没问题

• 你自己当用户，把整个流程走一遍：填写信息，切换模板，导出PDF
• 看看有没有功能不好用，有没有排版错误，有没有bug
• 发现问题直接告诉AI，比如"我点添加工作经历没反应"，AI会自己排查自己改，大部分问题都能直接解决。

第五步：部署上线（可选）

• 如果只是自己用，不用上线，本地双击就能打开
• 如果想分享给朋友用，可以直接部署到Vercel或者Netlify这些免费平台，AiPy里面也有一键部署功能，点一下就好了，域名都帮你申请好。

就这么五步，几个小时过去，一个完完整整能用的简历生成器就做好了。我当时从想到到做好，总共花了不到四个小时，是不是比你想象中快太多？

---

三、第二个成果：图片加滤镜工具——批量给图片加上好看滤镜

做完简历生成器之后，我又想，很多做自媒体的朋友，每天要处理好多图片，都需要加滤镜调色，一个个调太费时间了，我能不能做一个批量图片加滤镜的工具呢？说干就干，第二个成果就这么来了。

1. 功能介绍

这个图片加滤镜工具，功能比简历生成器简单一些，核心功能就是：

• 批量上传图片：一次可以传好多张，不用一张一张传
• 几十种滤镜一键添加：包含常用的复古、清新、黑白、胶片、日系等各种风格滤镜，点哪个加哪个
• 实时预览效果：每一张都能看到加滤镜后的效果，不满意随时换
• 批量打包下载：全部处理完之后，一键打包所有图片下载下来
• 支持调整滤镜强度：如果觉得滤镜效果太强或者太弱，可以自己滑条调强度

这个工具也是网页版的，完全在浏览器里运行，图片不会上传到服务器，隐私有保障，用起来放心。

2. 完整Prompt分享

还是老规矩，把我用的完整prompt分享出来，大家直接拿去用：

帮我开发一个浏览器端的图片批量加滤镜工具，要求如下：

功能需求：

1. 支持用户批量上传图片，最多一次处理20张，显示每张图片的缩略图

2. 提供至少20种不同风格的滤镜，包括：

   - 基础滤镜：亮度、对比度、饱和度、灰度调整

   - 风格滤镜：复古、黑白、清新、日系、胶片、冷色调、暖色调、蓝调、老照片等

3. 用户点击滤镜后，当前选中图片实时预览效果

4. 提供滑动条让用户可以调整当前滤镜的强度，从0到100%可调

5. 支持对每张图片应用不同滤镜，也可以一键给所有图片应用相同滤镜

6. 处理完成后，用户可以一键下载所有处理后的图片，打包成ZIP压缩包

7. 所有处理都在浏览器本地完成，不需要上传到服务器，保证用户图片隐私

技术要求：

1. 使用HTML5 Canvas来处理图片，使用原生JavaScript，不要太重的框架

2. 界面设计要简洁直观，方便操作，用户一看就会用

3. 适配不同屏幕大小，移动端也能基本使用

4. 代码要清晰，有必要注释

交互要求：

1. 支持拖拽上传图片，也支持点击选择文件

2. 缩略图区域可以点击切换当前要编辑的图片

3. 操作要流畅，不要卡顿，处理大图片的时候显示进度提示

请生成完整可运行的代码，直接就能打开使用。

你看，就是这么清晰的一段话，把你想要的功能说清楚，AI就知道该怎么做了。Vibe coding核心就是：你说清楚想要"什么"，AI帮你解决"怎么实现"。

---

3. 详细操作步骤

这个项目比简历生成器简单一些，步骤其实差不多，我重点说一下不一样的地方：

第一步：新建项目，粘贴prompt

• 和第一个项目一样，在AiPy里新建一个项目，名字叫"批量滤镜工具"
• 把上面的prompt粘贴进去发送，等待AI生成代码。

这里有个小技巧，如果你想让AI做得更好，可以在prompt里加上一句"参考现在网上类似的XX工具，做出类似的体验"，AI会做得更贴合你的预期。我这里加了一句"参考fotor的滤镜处理方式，做的类似的体验"，出来效果确实更好。

第二步：测试图片上传和滤镜效果

• AI生成完之后，打开预览，先上传几张你自己的图片试试
• 挨个点一下各个滤镜，看看效果对不对，有没有什么问题
• 我当时第一次生成出来，有些滤镜效果不对，比如日系滤镜出来偏色太严重，我就直接告诉AI："日系滤镜蓝色太重了，调整一下参数，让颜色更自然一些"，AI马上就改好了参数，效果就对了。

第三步：调整交互细节

• 试一下批量应用滤镜功能好不好用，下载功能正常吗
• 我当时遇到一个问题：下载ZIP包的时候，大一点的图片容易卡住，我跟AI说了之后，AI优化了打包代码，增加了进度提示，就好了。
• 还有就是滤镜强度调节，我让AI加上了实时预览，拖动滑块的时候图片实时更新，体验流畅多了。

第四步：收尾，确认所有功能正常

• 最后传个十几张图片，全部加上不同滤镜，然后打包下载，看看解压出来图片是不是都正常
• 检查一下文件名对不对，有没有损坏，确认没问题就搞定了。

这个项目我花了不到三个小时就做好了，比第一个还快。现在我自己做图文的时候，就用这个工具批量给图片加滤镜，省了好多打开PS的时间，太香了。

---

四、第三个成果：简历筛选器——HR一秒筛选出合适简历

做完前两个项目之后，刚好有个做HR的朋友跟我吐槽，说现在招聘收到的简历太多了，几百份简历一个个打开看，眼睛都看花了，太累了。问我能不能做个工具，帮她先按照条件筛选一遍，把符合要求的简历挑出来，省点时间。

没问题呀，这就是第三个成果：简历筛选器。其实这个比前两个更实用，对招聘的朋友来说真是刚需。

1. 功能介绍

这个简历筛选器主要是给HR用的，当然创业公司招人的老板自己也能用，功能是这样的：

• 批量上传简历PDF：一次可以上传几百份PDF简历
• 自定义筛选条件：可以设置关键词，比如要求"本科"、"3年经验"、"Python"这些，只要简历里出现这些关键词就算符合条件
• 多条件组合筛选：支持"必须包含"、"不能包含"、"至少包含其中一个"几种条件组合，精准筛选
• 自动统计结果：自动统计符合条件的简历有多少份，列出来清楚明白
• 导出筛选结果：可以把符合条件的简历打包下载，也可以导出筛选结果表格，包含简历文件名和匹配关键词
• 本地运行隐私安全：所有筛选都在本地做，简历不用上传到第三方服务器，放心。

这个工具真的解决大问题了，以前几百份简历筛一天，现在几分钟就搞定了，效率提升几十倍。

2. 完整Prompt分享

这个项目稍微复杂一点，所以prompt写的详细一些，我放出来给大家参考：

帮我开发一个本地运行的简历筛选工具，是给HR用的，帮助快速从大量PDF简历中筛选出符合条件的简历，需求如下：

功能需求：

1. 用户可以批量上传多个PDF简历文件，支持一次上传最多500份

2. 用户可以设置筛选条件：

   - 支持添加多个"必须包含"关键词：所有关键词都出现在简历中才符合条件

   - 支持添加多个"不能包含"关键词：只要出现任何一个就不符合条件

   - 支持添加多个"任意包含"关键词：至少出现一个就符合条件

   - 关键词不区分大小写，支持中文和英文

3. 上传后自动解析所有PDF的文本内容，然后按照用户设置的条件筛选

4. 筛选完成后，显示统计结果：总共多少份，符合条件多少份，不符合多少份

5. 列出所有符合条件的简历，显示每个简历匹配到了哪些关键词

6. 支持两个导出功能：

   - 把所有符合条件的PDF简历打包成ZIP文件下载

   - 把筛选结果导出成Excel（CSV格式就行）表格，包含文件名、匹配关键词、是否符合条件

7. 所有处理都在浏览器本地完成，不需要上传到服务器，保证简历隐私安全

技术要求：

1. 使用JavaScript开发，利用pdf.js库解析PDF文件，不需要后端

2. 界面要专业简洁，HR容易上手，操作步骤清晰

3. 处理大量PDF时要显示进度条，告诉用户当前处理到多少了

4. 大文件处理不要卡住浏览器，必要时分片处理

5. 代码结构清晰，方便后续维护和增加功能

交互流程设计：

1. 第一步：上传PDF简历文件

2. 第二步：设置筛选条件，添加关键词

3. 第三步：点击开始筛选，等待处理完成

4. 第四步：查看结果，导出需要的内容

请帮我生成完整可运行的代码，确保所有功能都能正常使用。

你看，只要你把流程和要求说清楚，AI就能帮你把每个环节都实现好。这里要夸一下现在的AI，连怎么用pdf.js解析PDF都知道，不用你告诉它用什么库怎么用，它自己就搞定了。

3. 详细操作步骤

这个项目比前两个复杂一点，步骤稍微多一些，我一步一步说清楚：

第一步：创建项目，输入prompt

• 新建项目，起名"简历筛选器"，把上面的prompt粘贴发送。
• 因为这个项目用到了第三方库pdf.js，AI会自动引入对应的CDN链接，不用你自己下载，这点很方便。

第二步：测试PDF解析功能

• 生成完代码之后，先找几份PDF简历上传试试，看看能不能正确解析出文本内容。
• 我当时第一次测试，发现有些扫描版PDF解析不出来，我就跟AI说："加上提示，如果PDF是扫描版没法解析文本，就在结果里标记出来，告诉用户这份简历无法解析"，AI马上就加上了这个处理逻辑，很贴心。

第三步：测试筛选逻辑对不对

• 设置几个测试关键词，比如"本科"、"北京"，看看筛选结果对不对。
• 我刚开始发现关键词区分大小写，比如"Python"能匹配到，"python"就匹配不到，我告诉AI改成不区分大小写，马上就改好了。
• 测试一下三种条件组合：必须包含、不能包含、任意包含，确认逻辑正确。比如我设置必须包含"本科"，不能包含"专科"，任意包含"前端"或者"开发"，看看结果对不对，有问题直接调。

第四步：测试导出功能

• 测试一下导出ZIP功能，看看打包对不对，所有符合条件的PDF都在里面吗？
• 测试一下导出CSV功能，打开看看格式对不对，信息全不全。
• 我当时导出CSV发现中文乱码，告诉AI之后，AI改了编码方式，马上就好了，这些小问题AI都能自己解决。

第五步：测试大量文件处理能力

• 我找了100份简历一起上传，看看处理速度怎么样，进度条显示正常吗。
• 发现处理100份PDF也就不到一分钟，速度完全可以接受，比人看快多了。
• 如果处理过程中变慢，直接告诉AI优化一下，AI会调整代码，提升处理速度。

整个这个项目，我花了大概大半天时间，不到六个小时就全部做好了，交给那个HR朋友用，她说现在筛选简历省了好多时间，以前一天的活儿现在十分钟搞定，太方便了。

---

五、Vibe coding一周实践总结：普通人真的能零基础快速出成果

算一下时间，三个项目加起来：简历生成器4小时，批量滤镜工具3小时，简历筛选器6小时，总共加起来不到13小时，就算加上中间喝喝水休息休息，一周时间轻轻松松做完三个成果，平均一天不到两小时，这个效率放在以前想都不敢想。

我总结一下这一周实践下来最大的几个感受，分享给想尝试Vibe coding的朋友们：

1. 真的零基础就能做，不用先学几个月编程

很多朋友问我：我一点编程基础都没有，能玩Vibe coding吗？我明确告诉你：完全可以。

我自己虽然懂点技术，但是这次我全程就是像一个零基础用户一样，只说我想要什么功能，遇到什么问题直接描述给AI，AI自己改，我根本没手写几行代码。

你不需要记住JavaScript语法，不需要知道CSS怎么布局，不需要懂什么框架，只要能把你想要的功能说清楚，AI就能帮你写好代码。你要做的就是测试，提修改意见，就行了。

2. 想法比技术重要，把精力放在解决问题上

以前我们想做个东西，首先想的是：我会不会这个技术？这个技术我没学过，做不了。现在不一样了，AI会技术，你只要有想法，知道你要解决什么问题，就能做。

我这三个项目，都是从实际生活中的痛点出发的：朋友做简历难，做自媒体处理图片麻烦，HR筛简历累，都是真实存在的问题，解决了就是有用的工具。

Vibe coding把你的精力从"研究怎么实现"解放出来，让你专注于"解决什么问题"，这对普通人来说太友好了，好多好想法不用再捂着了，自己就能做出来。

3. AI也会写错代码，遇到bug直接甩给AI改就行

很多朋友担心：AI写错代码怎么办，我也不会改呀。其实这个完全不用担心，你遇到什么问题，直接把现象告诉AI就行了，比如"我点导出PDF没反应，浏览器控制台报这个错..."，AI会自己看错误信息，自己改代码。

我这三个项目做下来，也遇到了好几个bug，比如导出PDF排版错了，批量打包内存不够，有些关键词匹配不对，我都是直接把问题告诉AI，AI大部分都能自己修好，不需要我动手改代码。

当然，AI也不是百分之百每次都对，偶尔也会遇到解决不了的问题，这时候你换个说法重新描述一下问题，AI往往就能解决了，实在不行，新建个对话重新生成一次，基本也能解决。

4. 从小功能开始做，快速迭代比完美重要

Vibe coding讲究的就是快速出成果，不要想着一开始就做一个大而全的产品，先把核心功能做出来，能用就行，然后再一点点加功能。

我做简历生成器的时候，一开始就做了核心的填写、预览、导出，然后才加的多个模板，然后才加的智能优化，一步步来，很快就能有个能用的版本，用着改着，慢慢就完善了。

这种方式比一开始就想把所有功能都设计好快太多了，一周做三个成果就是这么来的，每个都先做出核心功能，能用就行，后续有需要再加功能。

---

六、给零基础朋友的几个Vibe coding实用建议

最后，给想尝试Vibe coding的朋友们几个实用建议，都是我这一周实践踩坑踩出来的经验，看完能少走好多弯路：

1. 写prompt有技巧，把需求说清楚比什么都重要

AI能不能做出你想要的东西，80%取决于你的prompt写得好不好。我总结几个写prompt的小技巧：

• 先说核心功能，再说细节要求：先告诉AI你要做个什么东西，解决什么问题，然后一条一条列功能需求。
• 功能分点说：用1、2、3列出来，AI看着清楚，不容易漏。
• 说清楚交互流程：告诉AI用户先做什么，再做什么，最后做什么，AI设计出来的交互会更符合预期。
• 别忘了说约束条件：比如"所有处理都在本地"，"不需要后端"，这些约束条件提前说，省得AI做错了还要改。

2. 选对工具很重要，AiPy这类工具能省你好多时间

为什么我用AiPy做？因为它真的把Vibe coding的流程简化了，AI生成代码之后，它自动帮你创建文件目录，自动帮你启动预览，你不用手动敲命令安装依赖，不用手动重启服务，点一下就能看效果，对零基础太友好了。就算担心token不够用也没事，就用邀请码c8W3，会有两百万的token。

你要是不用工具，自己跟ChatGPT聊，生成代码还要自己手动创建文件，粘贴，还要自己跑命令，遇到环境问题你一个零基础根本搞不定，所以选对工具真的能省好多时间，少踩好多坑。

3. 一次不要做太复杂的功能，拆分开来做

如果你想做一个复杂的大项目，不要一次让AI全部做，拆分一下，先做第一个模块，做好了再做第二个，这样成功率高很多。

比如你想做一个博客系统，可以先做文章展示模块，再做后台编辑模块，再做评论模块，一个一个来，每个都做好了再拼起来，比一次让AI做整个系统成功率高太多，也不容易出问题。

4. 多测试，多提修改意见，好产品都是改出来的

AI第一次生成出来的代码，肯定不可能百分之百符合你的预期，多多少少都会有点问题，这很正常。你多用一用，哪里不对直接告诉AI，改个两三次就差不多了。

我做简历筛选器的时候，前后改了有四五次，从筛选逻辑到导出功能，一步步改，最后才变成我想要的样子，所以不要怕改，改几次就好了，总比你自己从零写快多了。

---

七、写在最后：Vibe coding会成为普通人创新的新方式

这一周体验下来，我最大的感受就是：Vibe coding真的不仅仅是一个程序员的新玩活儿，它是给普通人打开了一扇门，让普通人也能把自己的想法快速变成实实在在的产品。

放在以前，你有一个好想法，要么你花钱雇人做，成本高风险大，要么你自己学几个月编程，等你学会了，想法可能都过时了。现在不一样了，有了Vibe coding，你有想法，一两天就能做出来一个能用的版本，试试看，好用再继续完善，不好用也没浪费多少时间。

我这一周做三个成果，就是最好的证明：零基础，一周时间，三个实实在在能用的工具，解决三个实际问题，放在五年前，这根本不敢想，现在真的做到了。

如果你也有一些想法想做，别犹豫，现在就找个工具试试，按照我这篇文章的步骤，先从小项目开始做，你会发现，原来你自己也能做出来能用的工具，真的没那么难。

最后说一句：这一波AI浪潮，最大的机会不是给那些大公司的，是给我们普通人的，让我们普通人也能低门槛快速创新，想到就做，做了就成，这就是Vibe coding真正的魅力。