Google Maps + Claude Code = 2000 美元的网站订单，完整闭环

Google Maps + Claude Code = $2,000 的网站单子。完整闭环。 2026年7月2日 · 9 分钟阅读 · 查看原文 ↗ Claude AI 设计 营销 每个人都在教你如何用 AI 做出一个看起来值 $10,000 的网站。几乎没人在教你真正赚钱的那部分：谁买它、你怎么找到他们、你说什么。建站已经不再是难的那一半了。这篇指南覆盖整个闭环：找、建、交付、卖。 没有"我一个下午就暴富了"的故事。只有这个系统，拆解到你这周就能跑起来。 开始前先提一句：靠下面的那段 outreach 消息，比这里任何提示词都重要。它上面的每一步，都是为了让你能发出它而存在的。 ## 先说诚实的那部分 真实的是： Claude Code 从零写出一整个定制网站的完整代码。没有模板，没有 Wix 克隆脸。它包含在 $20/月的 Claude Pro 计划里。你不需要为此买更贵的计划。 两个免费技能修掉默认的"AI 味"。frontend-design，Anthropic 做的，在后台运行，封禁那些被用滥的字体和布局。UI/UX Pro Max，社区做的，自带几十种 UI 风格、配色和字体搭配，随叫随到。 带首年免费域名的托管，一年大约 $40–45。 本地企业为此付真金白银。餐厅、牙医、健身房、承包商、房产经纪，为一页精品站常规付 $1,000–5,000。那个区间正是如今代理机构的报价。 不真实的是：没人因为你"会建"就付钱。那 $2,000 是你做完 outreach 之后这份活卖出的价格，而一单现实的首单需要花两到四周，实际去发 demo。如果你想要一个"按按钮、收钱"的玩具，现在就可以关了。 ## 为什么这个窗口现在存在 三件事差不多同时发生： 1. Claude Code 从开发者专属工具，进了 $20 的消费级计划。一个定制站的建造成本，崩塌成一个订阅加一个下午。 2. 设计技能发布了。在它们之前，AI 网站有一种一眼可辨的廉价感。有了 frontend-design 加 UI/UX Pro Max，输出跨过了代理机构收五位数的那条线。 3. 本地企业没收到通知。打开任何一个中等城市的 Google Maps：几千家赚钱的企业，用的还是 2015 年的网站、坏掉的移动端布局、或者根本没有网站。 崩塌的建站成本 + 弥合的质量差距 + 一个还没注意到的市场 = 这个窗口。它会一直敞开，直到足够多的人跑完这个闭环。他们还没有。 ## 第一部分：在 Google Maps 上找买家（15 分钟） 你不是在找"需要网站"的企业。你是在找"赚钱且网站很烂"的企业。这是两种不同的搜索。 打开 Google Maps，挑一个城市里的一个利基，用这个过滤： **4 个过滤器** 1. 网站能驱动收入的利基：餐厅、牙科诊所、健身房、医美水疗、承包商、房产。跳过爱好店。 2. 评分 4.4+ 且 50+ 条评价（证明他们有客户和现金流） 3. 网站：过时、移动端坏掉、或缺失 4. 城市大到单个利基有 20+ 候选 在表格里建一份 20 家的名单：企业名、联系方式（老板邮箱或 Instagram）、一行关于他们现有网站有什么问题的说明。最后一列之后会成为你的开场白。 为什么是 4.4+ 星而不是挣扎中的：一家要倒闭的企业不会为网站花 $1,500。一家生意兴旺、但网站丢人的企业，自己已经知道它丢人。你不是在创造需求，你是在接住它。 ## 第二部分：在任何人开口前就把 demo 做出来 这是整个系统的核心动作。你不去推销。你带着已经建好的网站出现。一条带成品 demo 的冷消息会被读；一条带承诺的冷消息会被删。 一次性设置： 1. claude.com 上的 Claude Pro，装桌面 app，切到代码模式。 2. 建一个空文件夹当工作区，在 app 里打开它。 3. 把两个技能的 GitHub 链接粘进 Claude Code 来安装它们：frontend-design（"全局安装这个技能"）和 UI/UX Pro Max（"用 npm 全局安装这个插件"）。允许那些编辑。 4. 把模式选择器切到 auto 模式，这样 Claude 每一步都不用请求许可。 然后收集品味。不要用文字描述设计，展示出来：从 Dribbble、Awwwards 或 Pinterest 抓 3–5 张符合方向的截图（搜"modern [利基] website design"）。丢进一个 /reference 文件夹。你在展示方向，不是抄袭。 现在写建站提示词。调整简报，保持结构： ``` /ui-ux-pro-max 为 [企业类型 + 城市，例如：奥斯汀一家家庭经营的泰餐厅] 建一个单页网站。 方向：[用你自己的话描述氛围。例如：温暖、现代、勾起食欲。不是一个泛泛的模板脸。] 按顺序排列的小节：hero、故事、菜单/服务、空间、联系方式。一页，从上往下滚动。 我会附上 /reference 文件夹里的参考截图。匹配那种感觉，不要抄它们。 技术栈：单文件静态 HTML/CSS/JS。保持简单。 在写任何代码之前，先问我澄清性问题。 ``` 最后一行是这篇文章提示词里价值最高的一句话。Claude 停下，问 5–7 个关于风格、小节、文案调性、动画程度的问题，而你的回答成为网站的基石。在这里说具体，之后你几乎不用跟它较劲。 第一版大约 10 分钟出来。然后是两轮打磨： **第 1 轮，打分。**粘这个： ``` 对照这些标准审查这个网站，并诚实地说哪里需要改进： - 排版（我们是不是用了被滥用的 AI 字体如 Inter？） - 颜色（克制的配色，最多 4–5 个色值？） - 层级（字号是否引导视线第一、第二、第三？） - 动效（刻意的微交互，还是静态？） - 移动端（为手机设计，还是只是缩小了？） - 文案（具体而带感官，还是形容词堆砌？） ``` **第 2 轮，让它变贵。**不要一件件修，带着意图开头，要求批量改： ``` 下面这些小节感觉有点泛。我们不需要让它们更忙，只需要更贵。提议一批微妙的微交互和精修，然后一次性全部应用。 ``` 最后用一轮专门的移动端收尾（"决定在小屏幕上什么隐藏、什么收紧、什么调整尺寸；这是大多数人会看到的版本"）。一个晚上，一个看起来像代理账单的 demo。 一个效率技巧：你每个利基建一个 demo，而不是每个企业一个。那家泰餐厅的 demo，对你名单上所有 20 家泰餐厅都适用。录一段 40 秒的屏幕录像，在桌面和手机上滚动它。那段视频就是你的 outreach 弹药。 ## 第三部分：只在对方说"好"之后才交付 别为 demo 买托管。截图和屏幕录像就够卖了。当一单谈成时，带首年免费域名的托管是 $40–45，而只有一种错误会产生空白页：上传时，zip 你项目文件夹里的文件，而不是文件夹本身。index.html 必须位于 zip 的顶层。每个人都会踩一次这个坑。 ## 第四部分：outreach（每个建站指南都跳过的那部分） 你有一份 20 家的名单和一段 demo 视频。下面是消息。邮箱或 Instagram DM，老板实际在哪儿就去哪儿： ``` 主题：为 [企业名] 做了这个 嗨 [名字]，我为 [城市] 的 [利基] 重设计网站。 我已经为 [企业名] 做了一个概念稿。40 秒视频附上。 你现在的网站 [一个具体问题：手机上加载不对 / 不显示菜单 / 看起来比食物还老]。 这个修好了它。 如果你喜欢，它这周就上线到你的域名。 一口价 $[价格]，没有订阅，没有代理长期合约。 如果不喜欢，也没关系，视频你留着。 [你的名字] ``` 让这个奏效的规则：用视频开头，不是资历。说出他们现有网站的一个具体问题，那是你表格里的那一列。一口价，明说。而且永远别说"AI 做的"。不是因为它是秘密，而是因为你在卖结果，不是方法。网站要么看着贵，要么不贵。 单页定价：小市场 $500–800，都市区 $1,000–2,500。然后是复利的部分：一个 $50/月的托管维护计划（托管、修改、更新）。十个维护计划客户，就是几个小时的活换 $500/月的经常性收入。 现实的爬坡：发 20 条拿到 3–6 个回复、0–2 单。大多数"好"是在跟进之后来的，不是第一条消息。每月两个客户、每个 $1,500，就是兼职时间下的 $3,000/月，而你积累的 demo 库让之后每个月都更容易。 ## 什么杀掉 90% 的尝试 - 花一周打磨一个 demo，而不是发出去。demo 做到 90% 就能卖。发。 - 推销技术而不是结果。老板不买"AI 网站"，他们买"客户不再从你坏掉的移动菜单上流失"。 - 挑你喜欢的利基，而不是肯付钱的利基。你最爱的黑胶唱片店没预算。医美水疗有。 - 不跟进。三天后一条消息（"视频收到了吗？"）大约能把回复率翻倍。沉默不是"不"，是一个收件箱。 - 定价 $200 求安心。它释放出垃圾信号，还吸引最烂的客户。这活看起来值 $2,000。就按那个价收。 ## 真正的要点 建站现在商品化了。任何有 $20 和这篇文章的人都能产出代理级输出。没有商品化的是那个闭环：一份名单、一个 demo、一条消息、一次跟进，每周无戏剧地跑。 大多数人会收藏这篇，装上技能，为一个想象中的客户做一个漂亮的 demo，然后从不给真人发消息。赚到钱的那些人，发出二十条难看的个性化邮件，附上 40 秒的视频。 回复"loop"，我会把第一轮消息没谈成的单子的跟进消息模板发给你。 提示词 （见上文建站、打磨、审查提示词） ``` Claude Pro（月） $20 托管 + 域名（年） $45 你的总成本 $65 单页，小市场 $800 单页，都市 $2,000 维护计划，每月 $50/月 首单利润率 ~90%+ ``` 链接 claude.com 标签：# X # Claude # AI # 设计 # 营销 # 增长 # 自动化 # Instagram # 指南 # Google Maps 相关文章 AI 一直在交付同样泛泛的 UI，这是解药 我要给你展示为什么互联网上每一个 AI 生成的 UI 都像同一个网站换了 40 个不同的图标，以及修好它的最简单、最不性感工具。设计 AI Claude 营销