他一晚上做好网站再卖 2000 到 5000 美元，一行代码都不用写

他一晚上就能建好网站，并以 2–5 千美元卖掉。一行代码都不用写 2026 年 7 月 3 日 · 8 分钟阅读 · 查看来源 ↗ Claude SEO AI 自动化 网站开发市场并没有死——死掉的是网站开发的旧经济学。一个带 3D 动画和产品视频的定制网站，过去要花客户 1 万到 3 万美元，还要代理机构忙活一个月。现在，同样的结果用一个三件套工具、一个晚上就能搞定。而客户依然乐意付几千美元——因为他们是为结果付费，而不是为你的工时付费。 下面是完整的流程，一步一步来。没有理论，只有管线。 你需要什么 → Claude Code —— Anthropic 的智能体编程工具，在终端里运行。它自己写所有代码，自己在浏览器里测试网站，自己部署 → Firecrawl —— 一个抓取任意网站并提取其全部品牌信息的服务：颜色、字体、logo、语气 → Nano Banana Pro —— Google 的图片生成器，用于生成产品目录级别的渲染图 → 一个 AI 视频模型 —— 任何能在两帧之间生成过渡画面的模型（Kling、Veo、Runway） → GitHub + Vercel —— 免费的一键部署 没有哪一步要求你会写代码。它要求的是你会管理一个智能体。 第 1 步：用 Firecrawl 提取客户的品牌 DNA 在生成任何东西之前，你需要先弄清楚客户的品牌长什么样。手动做的话，那是花一小时在 DevTools 里翻来翻去。用 Firecrawl——一分钟。 打开 Firecrawl，进入 Scrape（抓取）标签页 粘贴客户的网址（视频里的例子是 anyvan.com，一家搬家公司） 启用 Branding 格式（内容再加一个 Markdown） 点击 Run 输出是一个结构化的 JSON，包含完整的品牌身份： → 颜色：主色、强调色、背景色、文字色、链接色（例子里：主色 #438600，强调色 #893574） → 字体排版：正文和标题字体（Lato）、h1/h2/正文的字号 → Logo、favicon、OG 图片 → 间距：基准单位、圆角半径 → 甚至还有品牌的「个性」：语气（Professional）、能量等级 这份 JSON 是后面每一步的燃料。新网站看起来会像是客户内部团队做的——而不是一个套模板的自由职业者做的。 这对赚钱为什么重要：客户付钱买的不是「一个好看的网站」。他们买的是「一个长得像『我们』、但更好看的网站」。第一版草稿就吃准品牌，这正是区分一张 500 美元账单和一张 3000 美元账单的东西。 第 2 步：打开 Claude Code，为素材生成建一个 skill Claude Code 里的 skills 是可复用的能力：是一些指令文件夹，智能体按需加载。建一次——以后每个客户都能用。 在 Claude Code 终端里： 然后用大白话描述你需要什么： 视频里创建的 skill 叫 scroll-stop-prompter——一个面向网站首屏（hero）区域的 3D 产品渲染图提示词生成器。接着 Claude Code 会： 自己在 ~/.claude/skills/ 里创建 skill 结构 自己提出测试用例（一台笔记本电脑、一杯奶昔、不同类型的产品） 并行运行「with-skill」和「baseline」测试 给你展示一份评估报告，说明哪些地方改进了 这是人人都忽略的关键点：你不是在建一个网站——你是在建一个网站工厂。每一个 skill 都会从下一个项目里省下几个小时。 第 3 步：在 Nano Banana Pro 里生成两张图 第 2 步的 skill 会输出现成的提示词。要做出惊艳的滚动动画，你需要同一个产品的两帧： → 提示词 A —— 组装好的镜头：产品完整拼装好的样子 → 提示词 B —— 爆炸图镜头：同一个产品被拆开的样子 这是视频里实际使用的提示词（针对客户的搬家货车定制）： 注意细节的颗粒度：镜头角度、以十六进制色码写出的背景色（直接从 Firecrawl 的品牌信息里拿的！）、「Apple 风格」、禁止出现文字和 logo。这么精确的提示词是由 skill 帮你写出来的——这正是第 2 步的全部意义。 把两个提示词都丢进 Nano Banana Pro，你就得到两张产品目录级别的图片。 第 4 步：把两帧变成一段视频过渡 现在这两张静态图需要变成一段短视频：产品从零件中流畅地「自我组装」起来。 把两帧都上传到一个 AI 视频模型（第一帧 → 最后一帧） 选一个时长（5–10 秒就够了） 生成过渡 输出的是一个 WOW 效果，在普通项目里这得花几千美元外包给一家 3D 工作室。而你只花了 10 分钟。 第 5 步：把视频带回 Claude Code，建出网站 回到 Claude Code，让它基于那段视频、带一个滚动驱动的动画来建一个网站。这个智能体会自己向你要文件路径——你甚至可以直接说「看看我的桌面」。 然后自主魔法开始了。Claude Code 按照它的计划： 初始化 Next.js + Tailwind CSS，安装 Framer Motion 和 Lucide React 创建结构、样式和组件 把视频接进一个滚动动画里：用户滚动——产品就在屏幕上组装起来 自己在浏览器里打开 localhost:3000，点遍 UI，测试搜索和筛选，截图，然后回报一切看起来怎么样 你不审代码。你审结果——像一个艺术总监，而不是一个开发者。 第 6 步：用一个提示词加上页面和 SEO 一个单页网站只是个演示。客户付钱买的是完整的网站。这是视频里的提示词，值得一字不差地保存下来： 一个提示词就覆盖了：设计一致性、SEO、schema 标记、响应式、导航，还有最终的审计。这些是代理机构会在账单上单独立项收费的东西。 第 7 步：推上线 收尾只需要几分钟： Claude Code 把项目推到 GitHub 把仓库连接到 Vercel 网站就上线了，走 HTTPS，每次改动都会自动部署 客户拿到一个链接。你拿到钱。 现在是最重要的部分：靠这个到底怎么赚钱 技术只是游戏的一半。另一半是包装。 卖给谁。网站过时的本地小商家：搬家公司（像例子里的）、保洁公司、牙科诊所、汽修店、餐馆。他们有钱也有痛点——但没有 1.5 万美元去找代理机构。 怎么推销。不要卖「一个网站」。用 Firecrawl 跑一遍他们现有的网站，花一个晚上做一个带产品 3D 动画的改版首页——然后把做好的演示发给他们。一封写着「这是你的网站可以变成的样子，链接在里面」的邮件，转化效果比「我提供网站开发服务」好得没法比。 收多少钱。你的成本是工具订阅加上一个晚上的时间。这种网站在代理机构的市场起步价是 5000 美元。一开始收 1500 到 3000 美元：对客户来说这是代理机构价格的零头，对你来说这是自由职业开发者做梦都想不到的利润。 怎么规模化。每个项目都会扩充你在 Claude Code 里的 skill 库。第一个网站——一个晚上。第五个——几个小时。到那个点，它就不再是接私活，而是一条产品管线：一个人，一个月十几个客户。 底线 → Firecrawl 一分钟提取客户品牌 → Claude Code 把一次性提示词变成可复用的 skills → Nano Banana Pro + AI 视频交付 3D 工作室级别的视觉 → Claude Code 自己建站、测试、部署 → 你用一个晚上的工作，卖出一个过去要 1 万美元以上的结果 建网站的门槛已经崩塌了。卖网站的门槛还没有——暂时还没有。这扇窗，为第一个走进去的人敞开着。 提示词 用左边的 3D 素材生成器提示词来建一个 skill 我有一个已经部署在 Vercel 上的现有网站。我想给它添加多个新页面。请： 1. 查看我当前的网站，理解现有的设计语言（颜色、字体、布局模式、组件风格） 2. 问我想要创建哪些页面——我会告诉你页面名称，以及每个页面应该讲什么 3. 对于我要求的每个页面： - 精确匹配现有设计，让每个页面都像是同一个网站 - 加上完整的 SEO 优化（唯一的 title 标签、meta 描述、Open Graph 标签、canonical URL） - 在合适的地方加入结构化数据 / JSON-LD schema 标记 - 让它完全响应式（手机、平板、桌面） 4. 更新导航，让各个页面正确地互相链接 5. 创建完所有页面后，对每个页面跑一遍完整的 SEO 审计，并给我一份报告，说明哪些已优化、还有哪些可以改进 先分析我当前的网站，然后问我想创建哪些页面。 一辆现代白色搬家货车（奔驰 Sprinter 或福特 Transit 风格）的专业产品摄影，居中构图，从 3/4 前侧角度拍摄。干净的白色背景（#FFFFFF），柔和的影棚灯光，车身下方有淡淡的阴影。尾门大敞，露出一个完美装填的车厢——整齐堆叠的纸板搬家箱、一卷卷起来的地毯、用气泡膜包好的相框，像一场真实生活中的俄罗斯方块。照片级真实渲染，16:9 宽高比，产品目录级质量。极简、优雅、Apple 风格的产品摄影。画面中不要出现文字、logo 或其他物体。 /skill-creator 链接 anyvan.com 标签：# X # Claude # SEO # AI # 自动化 # 指南 相关文章 10 个 SEO 外链 Claude 自动化，3 个月拿下 6.1 万次 AI 提及 外链建设就是试错。 SEO AI Claude 自动化