Dia / Browser Use · 自动查票抢券填表 · v0 / Lovable / MarsCode · 说一句话上线网页 · 产出"你有了自己的小工具 + 一张可扫码网页"
因为它们解决了过去两个"普通人怎么也触碰不到"的硬技能:
① "让电脑替我干活"(过去要会 Python 脚本)
② "做一个真正的网页产品"(过去要会 HTML / 部署服务器 / 买域名)
现在 AI 把这两件事都变成了"说一句话"。
她让 Dia 浏览器每天盯 3 个跨境母婴店:"一旦出现'满 400 减 80'自动截图发微信"。一个月省下 1200 元纸尿裤钱,她全程没打开过那 3 个 App。
她让 v0 生成"新人电子喜帖 + 宾客回执 + 座位查询"一张网页,客户扫码就能用。单场服务费多收 800 元,3 行提示词 15 分钟上线。
浏览器自动化 = "让 AI 替你用软件";造网页 = "让 AI 替你造软件"。用 + 造——这是普通人能拿到的最大杠杆。
| 工具 | 形态 | 门槛 | 擅长任务 | 推荐场景 |
|---|---|---|---|---|
| Dia(The Browser Company) | 浏览器 · 内置 Agent | 极低 · 点按钮 | 查机票 / 盯价格 / 总结多标签页 | 本章主线 · 日常自动化 |
| Arc Max | 浏览器 · AI 插件 | 低 | 网页总结 / 快速问答 / 跨标签搜 | 信息工作者 |
| 豆包浏览器 / 秘塔浏览器 | 国产 AI 浏览器 | 极低 | 中文网页总结 / 翻译 / 截图 | 国内用户 · 中文场景 |
| Browser Use | 开源 · 命令行 / Python | 中等 · 需简单配置 | 执行复杂多步任务 / 批量填表 | 进阶 · 技术型自动化 |
| Manus | 国产通用 Agent | 低 · 申请内测 | 长任务分解 / 多工具协同 | 新锐 · 跟热点 |
装一个 AI 浏览器(推荐豆包浏览器)。打开一个网页,点顶部 AI 按钮试试"总结这个页面""翻译成中文""帮我找出所有提到 XX 的段落"。这是 AI 浏览器的入门三板斧。
她把价格监控 Prompt 配合 "Dia Pin(固定任务)" 功能设置"每日早 8 点自动运行"。所有截图推送到企业微信群(她建的一个只有她自己的群),刷一眼群就知道有没有该下手的价格。一个月省 1200 元不是吹。
↑ AI 浏览器真实执行时的界面 · 右侧是它"脑中"的执行步骤
[链接] 换成你实际的 3 个 URL · 把"深圳 → 成都"换成你真实目的地打开 URL → 等待加载 → 定位搜索框 → 输入..."遇到任何弹窗(广告/登录/验证码)先关闭再继续""点击页面顶部搜索框旁边的橙色'搜索'按钮"AI 现在每天早 8 点自动帮我盯 [xxx] · 释放 30 分钟 / 天| 工具 | 输出 | 部署方式 | 免费 | 推荐场景 |
|---|---|---|---|---|
| v0.dev(Vercel) | Next.js + Tailwind 代码 | 一键 Deploy Vercel | ✅ 基础额度 | 本章主线 · 专业质感网页 |
| Lovable | 全栈应用(带数据库) | 自带部署 | ✅ 基础额度 | 小程序 / SaaS 雏形 |
| 豆包 MarsCode | HTML / React / Python | 内置预览 + 分享 | ✅ 免费 | 国内首选 · 中文提示词 |
| 即梦页面(字节) | 落地页 · 模板丰富 | 内置部署 | ✅ 免费 | 活动 / 表单 / 营销页 |
| Bolt.new | 全栈代码 + 实时预览 | 一键 StackBlitz | ✅ 基础额度 | 开发者 · 快速原型 |
| Cursor / Windsurf | 真代码(需自己部署) | 自己搞 | 基础免费 | 进阶 · 第 10 章再学 |
打开 v0.dev(需登录)或 marscode.cn。感受主输入框:就像对 ChatGPT 说话,但它会直接出网页。
先跟颜颜做一次真实可变现的项目。跟着做完你就真的会了——不是"理论上会"。
她发现:过去婚礼策划报价标准套餐 8800 元,加一张电子喜帖作为"数字喜帖增值包" 定价 800 元——成本几乎为 0(AI 生成 + 免费域名)。客户为"科技感 + 仪式感" 买单。单场多 800,一个月 10 场多 8000 纯利润。
↑ 左:你发的 Prompt · 右:v0 生成的网页预览(30 秒出)
我要做一张 [xxx] 页 · 目标用户 [xxx] · 核心功能 3 条
张三 & 李四 换成真名 · 时间 / 地点 / 表单字段都改xxx.marscode.app 公网链接xxx.vercel.app / xxx.marscode.app · 网页完整显示 · 移动端也 OK
把这个链接 https://xxx 转成二维码帮我看看这张 [xxx] 页有啥问题 ↓+ 二维码一张"可看"的网页只是第一步。真正有用的网页能收集用户提交 + 存到数据库 + 你能看到结果。这一节教你怎么不写代码做到这些。
学员建国帮小区做"电梯加装投票"的网页:v0 生成投票页 + Supabase 存票 + Plausible 统计访问。3 天收了 1200 户业主投票,远比微信群里@人管用。街道办直接调用这份数据当依据。
� 这就是"静态页面"和"真产品"的分水岭——能收 + 能存 + 能推 + 能导。
<iframe src="..." width="100%" height="600"></iframe>请把当前网页的【宾客回执】那段 <form>...</form> 整段替换成下面的 iframe · 保留周围的标题和样式:[粘 iframe]xxx.vercel.app 链接(一般还是原来那个 URL)请把下面这段 <script> 加到 <head> 最末尾:[粘 JS]① 浏览器自动化:帮小商家做"竞品监控 / 销量爬取 / 自动比价"——小包 500~2000 元
② 造网页:替朋友 / 邻居 / 小企业做落地页 / 邀请函 / 简历,单件 200~1500 元
学员芬姐用这两招月入 5~8k 副业,周末 1 天干完。
造物这门手艺最难的不是工具,是看得出哪些能自动化 · 查得出 Agent 为啥失败 · 写得出好的造网页 Prompt · 想得出能卖钱的组合。
不是什么都能自动化 · 学会挑"值得自动化的场景"= 省 90% 试错时间。
Agent 跑到一半挂了?学员能否 3 秒诊断 = Bot 架构师真本事。
"遇到任何弹窗(广告/登录/抽奖)先关闭再继续" · 成功率从 40% 涨到 90%。"精确抓前 10 条"· 强制数字 · 不给 AI 自由发挥空间。任何数字都要写死——这是稳定 Agent 的金科玉律。"点击页面顶部搜索框右侧的橙色'搜索'按钮"——位置 + 颜色 + 文字三要素缺一不可。同一个需求 · 4 种 Prompt 写法 · 哪个能让 v0 出最好的网页?
不知道做啥?3 秒给你身份 + 自动化任务 + 网页 + 月收入预期。
💡 连抽 3 次挑最心动 · 立刻按 PART G FINAL QUEST 上线
这一章的"自动化 + 造网页"是AI 时代个人品牌最强组合技——让你从"打工人"变成"Indie Hacker 独立开发者"。一个人 + AI 干一个小团队的活 · 直接收钱 · 不用看老板脸色。
帮小商家 / 自媒体 / 小团队做"竞品监控 / 比价 / 数据抓取" · 客户付款即得。周末 1 天干 2 单。
邀请函 / 报名页 / 简历页 / 活动页 · 颜颜那套模式。v0 生成 + Vercel 部署 · 30 分钟 1 件。
PART G 两件套组合——客户为"完整解决方案"付钱 · 毛利比单件高 60%。一个客户能续单 6~12 个月。
例:"每周抓 50 个博主数据发邮箱 SaaS · 月费 99"——100 客户 = 1w / 月被动收入 · 再翻一倍就月薪过万。
"零基础 7 天造出你的第一个 AI 工具"打包课 · 小鹅通 / 抖音卖。你的作品集就是最好的转化素材。
"30 个自动化 Prompt + 10 个 v0 网页模板" 打包 99 元 · 放淘宝 / 小红书 · 半自动被动收入。
第 10 章 · 工作流自动化 + 定制小工具 · 毕业作品集:你会用飞书多维表格 AI 字段 + 扣子工作流 + n8n 把前 9 章的能力串成"一次配置 / 自动跑"的流水线——同时整理 10 件毕业作品,拿到结业证书。这是全课程最"高大上"也最终极的一章。
Chapter 09 · 徽章解锁中
你既能让 AI 替你"用"互联网,也能让 AI 替你"造"一个属于你的网页产品。
第 9 件 AI 作品:一个自动化任务 + 一张公网上线的网页。
下一章,我们给前 9 章做一次总复习——把所有能力串成流水线,并交付毕业作品集。