频道：Greg Isenberg · 时长：35:22
| 项目 | 详情 |
|---|---|
| 频道 | Greg Isenberg |
| 视频标题 | My Claude Code workflow to A/B startups in seconds |
| 视频ID | YiitvyQGbkc |
| 发布日期 | 2026-04-13 |
| 时长 | 35:22 |
| 链接 | https://www.youtube.com/watch?v=YiitvyQGbkc |
| 主题 | 使用 Claude Code + MCP 工具链从创意验证到落地页设计、A/B 测试的完整工作流 |
| 嘉宾 | Amir（Humbalytics 创始人） |
| 关键词 | Claude Code、Idea Browser、Paper、Humbalytics、MCP、A/B 测试、落地页设计、Tail Arc、Lead Magnet、CRO |
“By the end of this, you’re going to learn what it takes to take an idea, validate it, refine it, build a landing page with a nice design that’s not vibe coded, and then get the right data to make some money.”
这是一期含金量极高的实战演示。Greg Isenberg 和他的老搭档 Amir 再次联手，这次他们要在镜头前完成一件大多数创业者需要数周才能完成的事情——从一个创意出发，经过验证、设计、上线，一直到 A/B 测试和转化追踪。整个过程使用的核心工具就是 Claude Code 终端，通过 MCP（Model Context Protocol）连接了 Idea Browser、Paper 设计工具和 Humbalytics 分析平台。
Amir 说得很直白：市面上有太多教程”承诺”教你做这些事，但你最终得到的不过是一个紫色的 vibe coded 落地页。这期节目要给你的是真正可执行的全流程方法论，以及那些让设计看起来专业而非”AI 味”的关键细节。
传统创业工具的痛点是：你有了一个好创意，也做了 ICP（理想客户画像）和定位，但这些信息散落在各处，无法被后续工作持续引用。Idea Browser 解决的就是这个问题——它不仅帮你找到好创意，还让你能追踪业务演化过程中的完整上下文。
“What was missing was how do you track the natural progression of how the business is evolving over time with the right context and documents to then come back and reference.”
Amir 在这期节目之前，已经和 Greg 的合伙人 Jordan 在直播中确定了一个创意：AI B2B Sparring Partner——一个帮助 B2B 销售团队模拟实战演练的 AI 工具，专注于货运软件（freight software）行业。
在 Claude Code 终端中，Amir 已经预先连接好了所有 MCP 工具。操作流程如下：
关于输入方式的小插曲：Greg 半开玩笑地提醒观众，Amir 在节目中是用键盘打字输入 prompt 的，因为他正在录播客不方便语音输入。但在日常工作中，Amir 使用 Whisper Flow 进行语音输入，尤其是在长时间的项目启动阶段：
“I usually use Whisper Flow when I’m initially starting a project or some session and it’s like a long… It depends on the context of how much information I’m going to put in the terminal.”
这个细节虽小，但提示了一个实用建议：语音输入适合初始化阶段的长段落上下文，键盘输入适合精确的短指令。
Amir 选择了 Idea Browser 中的 Lead Magnet Legend 技能来创建引流磁力内容。系统根据已有的创意上下文，自动生成了一个 PDF 指南的概念：
“5 Objections That Kill Freight Software Deals”（杀死货运软件交易的 5 大反对意见）
“So we actually niched down. We built this AI B2B sparring partner in the freight software industry.”
这里的关键洞察是：他们没有做一个泛泛的 B2B 销售工具，而是垂直聚焦到货运软件行业。Niche down 是整个流程的核心策略之一。
Idea Browser 还有一个有趣的功能叫 Activity Streak（活跃连胜），鼓励你持续迭代自己的业务，而不是三分钟热度。Amir 指出这恰恰是当前创业生态中最大的缺口：
“Everyone can build landing pages. Everyone has ideas. How do you actually know where to get customers? How do you actually grow it?”
每个人都能建落地页，每个人都有创意，但你怎么找到客户？怎么增长？ 这才是真正的难题。
Amir 坦言他自己也曾面临这个问题。在做 Humbalytics 的过程中，他有很多好创意，也一直在通过 trial and error 了解目标客户，但缺乏一个系统化的工具来追踪这些上下文：
“I wish I had Idea Browser sooner so that I can come back and use these specific skills to understand what is the right growth strategy.”
他在节目当天和 Jordan 一起体验了 Idea Browser 的增长策略技能，系统通过对话式提问的方式采访他，帮他厘清目标客户画像和增长方向。Amir 的评价是：
“It was interviewing me and asking me questions and I was like this is so impressive.”
这恰恰说明了一个核心理念：好的 AI 工具不是直接给你答案，而是通过正确的提问帮你找到自己的答案。
Paper 是一个连接 Claude Code 的设计工具，定位在传统 Figma 工作流和直接在代码中 vibe coding 之间的中间层：
“It’s kind of like the intermediary step that we were missing before where people are just directly building in code.”
Greg 问了一个好问题：Figma 不是也刚发布了双向 MCP 功能吗？Amir 的回答很坦诚：
“Figma just recently came out with their bidirectional MCP… but I just feel like the tooling and the interface and the experience on Paper is a lot nicer in my opinion and it just works a lot better.”
技术上两者功能类似（设计转代码、代码转设计的双向能力），但 Paper 在用户体验和工具链整合上更胜一筹。
这是整期节目中最有价值的方法论之一。Amir 揭示了为什么他的 vibe coded 设计看起来不像”AI做的”：
第一步：创建设计系统（Design Style Guide）
“I’ll take the screenshots and I’ll drop it into Claude and I’ll say extrapolate the key design elements from these pages and help me create a design system.”
第二步：在后续每次迭代中引用这个设计系统
当你要创建新的组件或页面区块时，告诉 Claude：
“Reference design style guide as the basis as you’re creating new components so that you have that consistency.”
这就是专业设计和”AI 味”设计之间的本质区别——前者有一致的设计语言，后者是每次随机生成。
Tail Arc（也叫 Tail Arc Pro）是一个 UI 组件库，拥有大量精心设计的现成模块（blocks）和插图。Amir 频繁使用它来为 Claude 提供视觉参考。
“I use this tool quite a lot. It’s called Tail Arc Pro and they have a lot of great existing blocks and illustrations that you can use.”
Greg 表示他之前从未听说过这个工具，但看到效果后评价道：
“Looks clean… They got taste, that’s for sure.”
整个过程是一个不断参考 → 迭代 → 精炼的循环。
Amir 对 Tail Arc 的评价非常高，他认为这很可能是某个独立开发者（indie founder）的作品：
“Kudos or shout out to whoever built this. I think it’s an indie person. So, whoever it is, you’ve done a great job. Keep doing it.”
Greg 也表示认可：
“They got taste, that’s for sure.”
这里有一个有趣的行业洞察：最好的设计资源往往来自独立开发者，而不是大公司。
Amir 分享了一个关于和 AI 协作设计的核心原则：
“If you say improve the design, it’s so broad and generic. Whereas you say, ‘Hey, work on refining the design. Make sure you have consistent layouts and themes and keep it subtle enough to make sure there’s cohesiveness across the entire page.’ I find that prompt works a lot better.”
关键词是”subtle”（微妙的、克制的）。 Amir 说他在与 AI 协作时非常刻意地使用这个词，因为 AI 对约束和护栏的响应远好于宽泛的指令。Greg 总结了一句金句：
“Keep it subtle, stupid.”
这是对经典 “KISS” 原则的精彩改编。
Amir 展示了他如何将一个普通的 Tail Arc 卡片组件，通过增加微妙动画，转变成一个精致的交互式分析查询展示模块。过程如下：
“This has all been fully vibe coded. We built all these animations, all these components using Claude and doesn’t seem that way. It seems very polished, very well refined.”
关键在于：所有这些都是 vibe coded 的，但因为有设计系统、有组件参考、有”subtle”的约束，最终效果完全不像 AI 生成的。
Greg 在这里做了一个很重要的提醒：
“We all have these expectations that you’re going to one prompt something, two prompt something, three prompt. So I’m happy you said that it’s probably going to take a couple hours if you really do want to get it dialed.”
Amir 对此也坦诚：
“It takes time, taste, and skill to know what you got to do and how to do it. We’ve made it so easy to achieve the tasks. How do you give the agents the right direction and approach to say here’s how you need to do it?”
总结三个关键词：Time（时间）、Taste（审美）、Skill（技能）。工具降低了执行门槛，但方向感和审美判断仍然是不可替代的人类能力。
落地页上线后，下一步就是安装分析追踪。Humbalytics 提供了你期望从分析平台获得的一切：
在进入 A/B 测试之前，Greg 忍不住对刚刚完成的 Lead Magnet 页面发出了赞叹：
“This lead magnet looks gorgeous. Think about this lead magnet — it looks better than 99.99999% of lead magnets that exist.”
他随即给出了一个非常实际的建议：
“Don’t just create one lead magnet. Every few weeks create new lead magnets, optimize your lead magnets and you’re going to be able to outperform.”
Amir 补充道，这个 Lead Magnet 只花了大约 30 分钟：
“We did this in like 30 minutes. You get the right components, the right direction. You can do some research on the best ones, port them over as reference styles, and then make that refinement.”
这里的核心启示是：当你的工具链足够成熟时，Lead Magnet 不再是一次性产出，而应该成为持续迭代的高频产出。 每几周一个新的引流内容，每个都进行 A/B 测试——这种速度在传统工作流中是不可能的。
这是整期节目最震撼的演示之一。Amir 在 Claude Code 终端中直接操作：
系统自动给出了洞察：
“It’s pulling insights based on analytics. We have a 40% average scroll, 25% bounce rate. Here’s the page content. Here’s what your control should be and then here’s what should be the variant.”
最令人兴奋的是：A/B 实验不需要推送代码就能生效。Humbalytics 的脚本会动态更新页面内容：
“We did this without even deploying change because our script dynamically updates the content on the site without you having to go to your developers and say, ‘Hey, can you create this new page or push it for us?’”
Amir 当场刷新页面，因为流量被随机分配到两个版本，需要刷新几次才能看到变体。最终变体标题出现了：
“Every lost deal started with an objection your rep wasn’t ready for.”
Greg 的评价：
“Honestly, not bad… Pretty fire.”
然后他们回到 Humbalytics 后台，可以实时看到两个版本的转化数据对比和用户点击行为。虽然实验才刚启动没有足够数据，但平台已经在展示用户的点击行为分布。
Greg 对此连说了两次”insane”（疯狂），然后补充了一句更重要的观察：
“It’s also insane that I don’t know anyone who’s doing this.”
这就是套利机会的本质——不是技术多前沿，而是知道并在用的人还太少。
Amir 透露，他在 Humbalytics 内部已经搭建了一个自主 CRO（转化率优化）Agent，由三个 Claude 技能组成：
“We have Google Ads directly connected to Claude through the API… We have a CRO optimizer that runs A/B tests and then we have a funnel report.”
更进一步的应用：
“I want each one to have its own personalized landing page and I want to A/B test each individual landing page to see what headline resonates the most.”
Amir 解释了 Humbalytics 网站从 Webflow → Framer → 自定义代码的迁移路径。原因就是一个：
“We wanted to be able to use the agent as our CMS.”
用 Claude Code 直接作为 CMS 来管理网站内容，让其他 MCP 工具可以直接读写和更新。在 Webflow 或 Framer 中，这种灵活性是做不到的。
他们甚至利用 Claude Code 支持的 automated tasks（自动化任务）设置了 cron job：
“We have a cron job now directly in Claude Code because they support automated tasks to say every week go run this specific task.”
每周自动拉取广告数据、运行实验、生成报告——这是一个真正的自主营销系统。
Amir 还提到了一个尚未在节目中完整展示的功能：Humbalytics 提供了一个 recommendations endpoint，利用 FireCrawl 抓取你的网站页面，结合已有的分析数据和 Idea Browser 的上下文，生成详细的优化建议报告：
“It’ll actually scrape your site, pull traffic insights, pull all the existing data you have in Humbalytics and even Idea Browser, and then give you a very detailed report on what you should focus on for your landing page or what you should test.”
这种跨平台数据整合的能力，正是 MCP 架构的真正威力所在。
除了 Idea Browser，Amir 团队还在 Obsidian 中维护了一个 master performance log（主绩效日志）：
“We actually before this, we were tracking all the context directly in Obsidian. It says here’s how this A/B tested. Here’s how much money it made. Here’s what you need to improve on.”
这种双系统追踪（Obsidian 做人工记录，Idea Browser 做 AI 上下文）体现了一个务实的工作习惯：不要把所有鸡蛋放在一个工具篮子里。
Greg 回忆了他和 Amir 在早期节目中的预言：
“I think the mistake I made was I said Cursor… I would say now terminal. The terminal is interface of work.”
这个判断的核心是：过去我们用各种 SaaS 工具完成工作，现在所有工作都在终端中通过 MCP 连接完成。设计在终端、分析在终端、实验在终端、部署也在终端。
两人还讨论了一个更宏大的趋势：
“More agents are going to actually visit websites than humans.”
Gartner 的研究报告预测，到 2030 年，20% 的互联网商务将由 Agent 完成——意味着 Agent 在购买东西。这就是为什么越来越多的网站开始构建 Agent-friendly 的 markdown 页面和 API 端点。
Greg 甚至提到了给 Agent 分配钱包、邮箱和收件箱的趋势：
“People are giving agents wallets. They’re giving them emails, inboxes.”
以及未来可能出现的 Agent 税——因为每个人现在都可以同时运行多个 Agent，产生了巨大的乘数效应：
“You as a single human now have an army of agents working for you on your behalf. They’re a multiplier effect of what your income is.”
有人已经开始讨论，既然雇用真人需要缴纳 payroll tax，那运行 Agent 是否也应该被征税？
“List out the agents you have… I wouldn’t be surprised at some point we have some agent tax.”
与此相关的另一个趋势是：越来越多的网站开始为 Agent 访问做优化。FireCrawl 和 Cloudflare 推出了专门的端点，让 Agent 可以更高效地抓取网站数据。Amir 的团队也因此将网站从 Webflow 迁移到了自定义代码：
“We wanted to be able to use the agent as our CMS. So use Claude Code to directly update our CMS and the ability to give access to other tools to quickly ship changes, run tests, give access to our agents and MCPs.”
Greg 和 Amir 回忆了他们早期节目中的预测——当时说”markdown 会变得很重要，你会在 Cursor 里完成所有工作”，人们觉得他们疯了：
“People thought we were crazy… Here we are today, man.”
Greg 用一个精彩的类比总结了当前的机会窗口。他回忆了自己在 Facebook 广告平台刚推出时的经历：
“I remember when the Facebook ad platform first came out. The average click back then was 5 cents a click.”
当时他在和社交游戏公司合作，比如 FarmVille 这类游戏。他会问对方：“你愿意为每次安装付我 2 美元吗？”对方当然同意，因为他们的变现远超这个数字。而 Greg 实际只需要花 5 美分的 CPC 就能获取这些安装。
“Fast forward to today, I don’t even know what a CPC is. On average, it’s probably $2 or something like that… $2-3, right?”
Facebook CPC 从 5 美分涨到了 2-3 美元。早期采用者享受了 40-60 倍的套利空间。 同样的道理：
“99.999% of people don’t know that this stack exists. And there’s an opportunity to create offers and arbitrage right now.”
当前这套工具链（Idea Browser + Paper + Claude Code + Humbalytics）就是 2026 年的”5美分 Facebook 广告”——知道它的人还极少，但效率碾压传统方式。
Amir 透露，已经有客户愿意每月支付 5,000 到 10,000 美元，让他用这套工具链为他们运营：
“We actually have a couple customers that work with us and say, ‘Hey, we’ll pay you 5k, 10k a month. Can you just use your software and then run it for us?’”
服务内容包括： - 连接客户的 Meta Ads 和 Google Ads - 获取完整的收入归因数据 - 告诉客户把预算花在哪里 - 自动化落地页个性化和 A/B 测试
“There’s also an opportunity to actually take this stack and sell this as a service… How many businesses would pay 5, 10, 15, 20 grand a month if you can actually be doing this for them?”
这不仅是一个自用的效率工具，更是一个可商业化的服务模式。
Amir 对此充满感慨：
“Sometimes I yearn to be an employee again and go to a marketing company so I can just take this and blow people’s minds away because it’s so much fun. I wish we had a million dollar monthly spend so I can just dabble with these tools and show them what’s possible.”
这段话暴露了一个有趣的心理：当工具足够强大时，你甚至会想回到打工状态，仅仅是为了有更大的预算来发挥这套系统的全部潜力。
| 概念 | 说明 |
|---|---|
| MCP | Model Context Protocol，让 Claude Code 连接外部工具的协议 |
| Idea Browser | 创意管理工具，支持创意生成、上下文追踪、技能模块（Skills） |
| Paper | 连接 Claude Code 的设计工具，在代码和设计之间架起桥梁 |
| Humbalytics | 分析和实验平台，支持热力图、漏斗、A/B 测试 |
| Tail Arc / Tail Arc Pro | UI 组件库，提供精致的预制模块和插图供参考 |
| Lead Magnet | 引流磁力内容（如 PDF 指南），用于获取潜在客户信息 |
| Design Style Guide | 从参考网站提取的设计系统文件，确保视觉一致性 |
| CRO | Conversion Rate Optimization，转化率优化 |
| Vibe Coding | 用 AI 快速生成代码，通常缺乏设计系统约束 |
| No-code A/B Test | 无需部署代码即可动态更换页面内容的实验方式 |
| Agent as CMS | 将 Claude Code 作为内容管理系统直接管理网站 |
| Activity Streak | Idea Browser 中鼓励持续迭代的连胜机制 |
先建设计系统再动手：找 3-5 个你喜欢的网站，截图丢给 Claude 提取设计元素，生成 Design Style Guide 文件。之后每次创建新组件时都引用这个文件，确保视觉一致性。
用”subtle”约束 AI 的设计行为：不要说”改进设计”这种宽泛指令。要说”精炼设计，保持一致的布局和主题，保持足够微妙以确保整个页面的连贯性”。“Subtle”这个词对 AI 的约束效果极好。
利用 Tail Arc 等组件库作为视觉参考：不要从零开始设计。找到你喜欢的现成组件，截图给 Claude，让它在此基础上改造。这比从空白画布开始效率高十倍。
垂直聚焦（Niche Down）你的创意：不要做”通用 B2B 销售训练工具”，要做”货运软件行业的 AI 销售模拟器”。越垂直，落地页的转化率越高。
在 Paper 中先迭代多个变体再写代码：Paper 的价值在于快速尝试不同布局，而不必每次都在代码中修改。设计满意后再一键同步到代码。
用无代码 A/B 测试快速验证标题：通过 Humbalytics 的动态脚本，无需推送代码就能测试不同标题、布局。这大大降低了实验的门槛和周期。
将分析数据回写到 Idea Browser：每次实验结束后，把结果保存回 Idea Browser 的项目上下文中。这样你的创意管理工具会随着业务增长而积累越来越丰富的上下文。
考虑将此工作流作为服务出售：如果你掌握了这套工具链，很多企业愿意每月付 5,000-20,000 美元让你为他们运营。这是一个真实的商业机会。
误区：Vibe coded 的设计一定看起来廉价 → 错。Amir 展示的 Humbalytics 网站完全是 vibe coded 的，但因为有设计系统、组件参考和”subtle”约束，看起来非常专业。
误区：一两个 prompt 就能得到完美的落地页 → 错。Amir 明确说通常需要花几个小时来精炼设计，不断迭代各个区块和组件。工具提速了，但审美判断和方向感仍需人工介入。
误区：直接在代码中迭代就够了，不需要设计工具 → 错。Paper 这类中间层工具让你能快速尝试多个设计变体，避免在代码中反复修改的低效循环。
误区：只要用 AI 就不需要懂设计 → 错。你需要有审美（taste）来选择正确的参考、给出正确的方向。AI 是执行者，你是导演。
误区：A/B 测试必须部署代码才能进行 → 错。使用 Humbalytics 的 no-code 实验方式，可以通过动态脚本实时更换页面内容，完全不需要推送代码。
误区：Webflow / Framer 等 no-code 建站工具足够灵活 → 错。当你想让 Agent 直接作为 CMS 管理你的网站、连接多个 MCP 工具进行自动化时，自定义代码是唯一真正灵活的方案。
误区：创意管理和业务执行是两个独立的流程 → 错。Idea Browser 的价值在于让创意上下文（ICP、定位、增长策略）和执行结果（A/B 数据、转化率）共存在同一个系统中，形成闭环。
误区：这套工具链只适合技术人员 → 错。Amir 明确说这对市场营销人员（go-to-market person）同样强大。有了 MCP 连接，你不需要写代码也能操作整个流程。
误区：AI Agent 访问网站的时代还很远 → 错。Gartner 预测到 2030 年 20% 的互联网商务将由 Agent 完成。FireCrawl 和 Cloudflare 已经推出了 Agent-friendly 的网页抓取端点。
误区：Facebook 早期广告的套利窗口不可复制 → 错。当前这套 AI 工作流的普及率极低（“99.999% of people don’t know this stack exists”），正处于类似 2008 年 Facebook 广告 5 美分 CPC 的窗口期。
Idea Browser 的 MCP 连接让 Claude Code 可以直接拉取创意项目的完整上下文（ICP、offer definition、增长策略），避免每次从零开始构建 prompt。
设计系统是区分专业与业余的分水岭。从你喜欢的网站截图 → 让 Claude 提取设计元素 → 生成 Design Style Guide → 后续所有组件引用此文件。
Paper 是代码和设计之间缺失的中间层。它让你在可视化界面中快速迭代多个变体，然后无缝同步到代码，比直接在代码中修改效率高得多。
“Subtle”是与 AI 协作设计时最有力的约束词。宽泛的指令（如”改进设计”）会导致 AI 过度发挥，精确的约束（如”保持微妙、确保连贯性”）则让结果更可控。
Tail Arc Pro 等组件库的真正价值是作为参考起点。不是直接复制组件，而是截图给 Claude 说”基于这个风格，为我创建一个类似但有微妙动画的版本”。
Humbalytics 的 no-code A/B 测试通过动态脚本更新页面内容，无需推送代码即可实验不同标题、布局。Claude Code 可以直接通过 API 创建和管理实验。
Agent as CMS 是网站架构的未来方向。Humbalytics 从 Webflow → Framer → 自定义代码的迁移，本质原因是要让 Claude Code 直接管理网站内容和连接 MCP 工具。
自主 CRO Agent 由三个 Claude 技能组成：Paid Media Manager（广告数据拉取）、CRO Optimizer（A/B 测试）、Funnel Report（漏斗分析），通过 cron job 每周自动运行。
时间、审美、技能三者缺一不可（Time, Taste, Skill）。工具极大地降低了执行门槛，但给 Agent 正确的方向和约束仍然是人类不可替代的能力。
这套工具链本身就是一个可商业化的服务。已有客户愿意每月支付 5,000-10,000 美元让 Amir 团队用这套工具为他们运营广告、落地页和 A/B 测试。
创意上下文需要持续积累。每次实验结束后将结果回写到 Idea Browser，让系统拥有完整的业务演化历史，这样每次迭代都比上次更精准。
当前是这套工具链的早期套利窗口。正如 2008 年 Facebook 广告 CPC 只有 5 美分，绝大多数人还不知道这套 AI 驱动的营销工作流存在，率先掌握的人拥有巨大的竞争优势。
“The terminal is interface of work… The right tooling, the right approach. You have a terminal with a million context tokens. The opportunities are endless.”
“What a time to be alive.”
这期节目展示的不仅是一套工具链的演示，更是一种全新的创业工作范式的雏形。从创意验证（Idea Browser）到视觉设计（Paper + Tail Arc）到代码实现（Claude Code）到数据追踪（Humbalytics）到自动优化（CRO Agent），整个链条都在终端中通过 MCP 协议无缝连接。
Amir 用 30 分钟完成了传统团队需要数周才能完成的工作——不是因为他跳过了某些步骤，而是因为每个步骤都被 AI 工具大幅压缩了。但他反复强调的一点同样重要：审美和方向感无法被自动化。你需要知道什么是好的设计、什么是对的方向、什么时候该用”subtle”而不是”improve”。
这套方法论对两类人最有价值：一是想要独立验证创业想法的创始人，二是想要提供高端营销服务的个人或小团队。无论哪种，核心都是同一个洞察——工具的民主化创造了巨大的套利空间，而窗口不会永远敞开。