--- title: '故事先行的「十亿级」官网:Higgsfield MCP + Claude Code 现场实验' video_id: UjeCa1i4G0k url: https://youtu.be/UjeCa1i4G0k title_en: "Claude Fable 5 + Higgsfield Make Billion-Dollar Websites Instantly" channel: Income stream surfers published: 2026-07-09 duration: "17:29" topics: [AI 编程与建站, MCP 与工具调用, 模型与能力] noted: 2026-07-10 value: A views: '1005' --- [![封面](https://i.ytimg.com/vi/UjeCa1i4G0k/maxresdefault.jpg)](https://youtu.be/UjeCa1i4G0k) > Income stream surfers · 17:29 · 发布 2026-07-09 · 1005次观看(截至抓取) · [观看原视频](https://youtu.be/UjeCa1i4G0k) ## 主旨 把 Higgsfield 的 [[MCP]] 接入 Claude Code,在一个有完整业务上下文的项目里让模型给品牌生成一段风格化滚动背景视频并嵌进官网——核心论点不是炫技,而是让画面去讲品牌自己的故事。 ## 核心论点 1. **故事先于炫技:这类滚动背景视频的价值在于承载品牌故事,而非纯装饰——"如果能帮品牌讲一个故事,价钱就完全不一样了"**([[#1-higgsfield-mcp-通过-claude-code-接入把视频生成当作项目内可调用能力-0115|→ 详解1]]) 2. **把业务的"上下文"喂给 Higgsfield MCP,Claude Fable 5 就能补齐作者完全不会的电影/摄影术语,直接产出符合品牌风格的电影级提示词**——"我会告诉你,你知道"那种导演式指令是这类产出的常态。([[#2-故事先于分镜把业务上下文喂给-mcpclaude-fable-5-代你导演-0452|→ 详解2]]) 3. **生成一段可用视频的代价不低:200 credits ≈ \$13,且作者那次甚至没产出视频;后续"用 seeddance 2.0 自己跑"是替代路径而非更好路径**([[#3-成本与产出账200-credits--13且作者都没能一次出片-1006|→ 详解3]]) 4. **即便底层网站本身设计很差,只要接上一段品牌故事契合的滚动视频,视觉档次就能跨级跃升**——这是个能在廉价基线上翻身的杠杆。([[#4-加了视频廉价基线也能跨级作者自己站点的-before--after-1651|→ 详解4]]) ## 知识点详解 ### 1. Higgsfield MCP 通过 Claude Code 接入,把视频生成当作项目内可调用能力 [01:15](https://youtu.be/UjeCa1i4G0k?t=75) Higgsfield 给 Claude Code 的不是独立网页工具,而是 [[MCP]] 形态的连接器——这跟 MCP server 的标准接入方式一致,即由外部服务把工具/资源以协议形式暴露给 agent。视频里展示的接入路径是:Claude Code 里 `Add → Connectors → Manage Connectors`,从 Connectors 浏览里没有 Higgsfield,只能「Add」自己配,选 CLI 类型,把命令复制到本地终端跑 `higgsfield login`,浏览器授权后再回到 Connectors 列表点 "Connect / Sign in"。 作者反复强调这跟 [[Claude Code Skill]] 风格一致:把外部能力装成 skill,让 Claude 在"我们刚才看的那个有完整业务上下文的网站项目"里按需调用。装完 CLI 之后他还顺手装了 SQL skill(自嘲"why the hell not"),并选了 all skills / global 范围 / Claude Code 适配。提示词就是把示例里的 "head lamp" 替换成 `incomestreamsurfer`,把它交给 Claude。 这一步的关键不是流程本身有多神奇,而是后面的"让 Claude 写给 Higgsfield 的提示词"必须落在有完整上下文的项目里——它需要知道这家品牌的业务、行业、当前网站的视觉,才能产出与品牌契合的电影级分镜。 ### 2. 故事先于分镜:把业务上下文喂给 MCP,Claude Fable 5 代你"导演" [04:52](https://youtu.be/UjeCa1i4G0k?t=292) 视频反复回到一个观点:"people who get paid the most in life are the people who are able to like help a brand tell a story"([04:52](https://youtu.be/UjeCa1i4G0k?t=292))——做这件事的核心是帮人讲故事,不是堆 Marketing/SEO 的标准动作。 落到操作层面,作者用一个具体的例子演示了"故事"应该怎么被翻译成 Higgsfield 的视频提示词。他展示了一个做大型物业(states)短租预订的新项目 Stewart([06:12](https://youtu.be/UjeCa1i4G0k?t=372)),画面是"房子里有住客,灯自然亮起来,不再是空房关灯的冷清感"——"这就是我们要讲的故事"。这条语义被作为 prompt 的核心,而不是单写"一个高端网站背景"。 更进一步的"导演"环节发生在 Claude 生成给 Higgsfield 用的提示词时。作者当场承认"我不知道这些词,我不是做电影的人"([09:02](https://youtu.be/UjeCa1i4G0k?t=542)),但 Fable 5 "on low" 输出的提示词里包含这类连续航拍/风格化约束——"A single continuous cinematic aerial drone shot"([09:21](https://youtu.be/UjeCa1i4G0k?t=561))、"Flying slowly towards a vast dark ocean at night"([09:38](https://youtu.be/UjeCa1i4G0k?t=578))、"Stylized premium 3D aesthetic like a high-end tech website background, not photorealistic documentary"([09:44](https://youtu.be/UjeCa1i4G0k?t=584))——把"无剪辑""暗色调海洋""风格化 3D 而非纪录片感"这些导演级约束写得很齐全。 作者对"导演式"指令的另一段口播是:"you're like a director here. You have to direct Claude where you want it to go, and it has to be proper and not gimmicky, and it has to be real"([08:37](https://youtu.be/UjeCa1i4G0k?t=517))——下游用 Claude 不必懂 cinematography,但自己必须判断输出的"故事情感"是否对得起品牌。 ### 3. 成本与产出账:200 credits ≈ \$13,且作者都没能一次出片 [10:06](https://youtu.be/UjeCa1i4G0k?t=606) Higgsfield 这套不便宜但也不能说贵得离谱——作者花掉 200 credits 自己估约 \$13([10:06](https://youtu.be/UjeCa1i4G0k?t=606)),但他当场承认"it won't even produce one video for me"([10:14](https://youtu.be/UjeCa1i4G0k?t=614))——一次性付的钱还没拿到一段能用视频。 这是潜在的踩坑点:Higgsfield 显然在视频生成上是按 markup 卖([10:06](https://youtu.be/UjeCa1i4G0k?t=606) 作者自述"I was told that Higgsfield is definitely selling this as a markup"),对非技术用户友好但单位成本远高于直接调用底层模型。作者当场也表露了想换路的意图:"my mind is already going back to like maybe we can do this without um without Higgsfield"——他点名提到的替代是 seeddance 2.0([10:19](https://youtu.be/UjeCa1i4G0k?t=619))。 但 seeddance 2.0 也不是"更好路径",只是"绕过 Higgsfield markup 的路径"。视频没有给任何对照测试数据,这一点对评估总成本的人是关键 caveat:Higgsfield 在"把 MCP+UI 包装好让人能聊一聊就出片"这件事上有交付价值,但底层 token 费用另算。 ### 4. 加了视频,廉价基线也能跨级:作者自己站点的 before / after [16:51](https://youtu.be/UjeCa1i4G0k?t=1011) 最有说服力的对照不是 Stewart 案例,而是作者自己那个"incomestreamsurfer.com"——视频里他自己也承认"this is going on the home page of incomestreamsurfer.com ... the design on top is just it's really bad already"([01:39](https://youtu.be/UjeCa1i4G0k?t=99)),前面还说过"I hate the design"([16:57](https://youtu.be/UjeCa1i4G0k?t=1017))。 将这段视频接到自己的破站点上之后,场面变了。他直接展示前后对比——"this is before and then now this is now. Just watch this"([16:51](https://youtu.be/UjeCa1i4G0k?t=1011))——随后画面从平铺直叙切换到滚动驱动 3D 镜头,按钮 / 文案 / 章节定位跟着相机移动;他兴奋地说"this just went from like a still pretty bad website ... to ... it makes it look like a hell of a lot better than it did before"([17:26](https://youtu.be/UjeCa1i4G0k?t=1046) 倒数第二段)。即:"烂基线 + 品牌故事视频 > 同样烂基线 + 优化设计投入"。 另外有个常被忽略的细节:作者提示 Claude"参考 harbor-dev-v3.vercel.app 这个链接的做法"([16:37](https://youtu.be/UjeCa1i4G0k?t=997))——当 prompt 写得不够具体时,**给模型看一个对标的真实网站链接**,比改 prompt 的措辞更高效。 ## 可执行步骤 - [ ] 在 Claude Code 项目里检查 Connectors,把 Higgsfield MCP 用 CLI 模式接入(Add → Connectors → 选 CLI → 终端跑 `higgsfield login` → Connectors 列表里 Sign in)。 - [ ] 给 MCP 一个**有完整业务上下文的网站项目**(品牌、行业、当前结构、视觉),再让它出提示词——不要在空上下文里聊。 - [ ] 提示词先写品牌**故事**(例:"房子里有住客,灯亮起来,不再是空房"),再写风格/分镜/美学约束(连续航拍、暗色海洋、风格化 3D 而非纪录片)。 - [ ] 自己必须看一遍成片,判断"故事感"对不对得起品牌——即便 Fable 5 替你生成了导演级措辞,下游评估不能省。 - [ ] 不善用一次性成功,预先准备好一段对标网站链接(例:harbor-dev-v3.vercel.app),遇到 prompt 不到位时直接喂链接让 Claude 学。 - [ ] 算账前先确认一段视频从 prompt 到出片一共要花几次 iteration,不要按 "200 credits ≈ \$13" 的单一报价外推成本。 ## 关联 - 印证:本片 Higgsfield MCP 的接入方式,与 [[MCP]](以及更细的 MCP server) 在 Claude Code 内的标准连接器路径完全一致——`Add → Connectors → 选 CLI → 终端跑授权命令 → 列表里 Sign in`,再一次印证 "[[Claude Code Skill]] / MCP server 把外部服务封装为 agent 可调用工具" 的接入范式,这里是把视频生成服务装进项目。 - 互补:视频里"AI prompting AI"(Fable 5 帮不会电影术语的人写出导演级 prompt)与 [[forward-goal|forward/goal]] 在 [[2026-07-02-Fable5五个高杠杆用例|Fable5五个高杠杆用例]] 中"设定目标与验收标准后让模型自主推进"——一个管 plan 体,一个管 prompt 体的能力补齐;两者合起来才是"指挥 AI 干活"的完整姿态。 - 进阶:本片的"为品牌讲故事"维度,与 [[seo/googlesearchcentral/2025-12-17-对SEO与AI SEO的思考上-仍然只是SEO|对SEO与AI SEO的思考]] 里 "原创声音 是 LLM 量产商品化内容时代不可复制的护城河"构成学习顺序——先读 原创声音 理解"为什么需要独特叙事",再用本片方法把叙事落到画面上。 ## 一手来源与延伸 - incomestreamsurfer.com——作者用来承接同类"故事驱动型"建站服务的官方页面,从 .meta.json 的 description 提取;这是本视频唯一公开的对外链接。 ## 术语 - Higgsfield MCP(Higgsfield AI 提供的 Model Context Protocol 连接器,把视频生成服务以工具形式暴露给 Claude Code) - parallax(视差滚动,滚动页面时背景与前景以不同速度位移以制造纵深感,本片里被替换为"风格化滚动视频背景") - Fable 5(Anthropic 的前沿模型之一,本片视频画面里实际承担"把非电影人作者的话翻译成导演级 prompt" 这一任务) ## 金句 > "the people who get paid the most in life are the people who are able to like help a brand tell a story" ([04:52](https://youtu.be/UjeCa1i4G0k?t=292)) → 这句把"做品牌科技感网站"从工程问题重写为"帮人讲故事"问题,是整片论证链的最高点。 > "you're like a director here. You have to direct Claude where you want it to go, and it has to be proper and not gimmicky, and it has to be real" ([08:37](https://youtu.be/UjeCa1i4G0k?t=517)) → 即便模型再强,"导演"那一关还是人——"不虚假、不为炫而炫、不为真"是这段工作的判断维度。 > "I really believe that this is like a big thing and can be a big big thing" ([06:42](https://youtu.be/UjeCa1i4G0k?t=402)) → 这句是价值观锚——作者把"故事先行的网站"放进了"big big thing"的判断里,而非"噱头"。 ## 立场与利益 **利益同向(待印证):** 视频中段是作者对 incomestreamsurfer.com 接单服务的明面推销——"build your plan, and then yes, build something, and literally for this price, we will build one of these websites"([12:25](https://youtu.be/UjeCa1i4G0k?t=745));他还打包卖 admin dashboard([12:31](https://youtu.be/UjeCa1i4G0k?t=751))、SEO 月度维护、backlinks。因此本片最强的口号——"故事先行的建站服务能接到大单"——与他的售卖主张同向,采信前要看他的过往客户案例。 **利益中性:** Higgsfield MCP 的接入流程、`200 credits ≈ $13` 的报价、生成出的 prompt 措辞、before / after 的视觉对比,这些都是工具行为或口播陈述,与他本人的商业模式没有直接关系。 **与利益反向:** 在他明显可以接下 Higgsfield 赞助的情况下,他公开承认"Higgsfield have offered to sponsor me. I didn't take the sponsorship"(口播约 00:14)、并当众戳穿 "Higgsfield is definitely selling this as a markup"([10:06](https://youtu.be/UjeCa1i4G0k?t=606)) 以及主动提出"用 seeddance 2.0 自己跑绕过 Higgsfield"——可信度因此提高。 利益证据(摘自 .meta.json description):仅 incomestreamsurfer.com 一个推销链接,无 affiliate/referral code。 ## 价值定位 - **适合谁:** 想给现有网站加电影级视觉、"不想重设计但想让画面讲故事"的独立站/小团队;以及把"内容外壳"看作独立交付物的 web 服务提供者。 - **解决什么:** 提供一个低成本把"品牌故事"翻译成滚动视频背景的方法,直接复用 [[MCP]] 接入和 Fable 5 的提示工程能力,不必自建视频团队。 - **认知 vs 实操:** 本片给了"故事先行"这个**认知重构**(同样的产品,但叙事变成可定价的差异化能力);实操层面给出的是 MCP 安装路径 + 喂 prompt 套路,可以直接照搬。 - **与已有笔记重叠:** [[2026-07-02-Fable5五个高杠杆用例|Fable5五个高杠杆用例]] 偏 Fable 5 在长任务/AI 内容自动化上的用法,本片独有"如何用 Fable 5 帮非电影人补齐专业术语"这一视角。 ## 自检问题 1. 视频里"story-first"这个主张,具体到 Higgsfield MCP 这条管道上,作者演示的"故事 → 提示词"是哪一段操作决定的? **答案**:详解2。在装有完整业务上下文(如 Stewart 物业短租项目)的 Claude Code 项目里,把品牌的"故事"(例:房子有住客、灯自然亮)写成核心 intent,再让 Claude 生成给 Higgsfield 的导演级提示词([06:12](https://youtu.be/UjeCa1i4G0k?t=372))。 2. Higgsfield 这次生成为什么作者强调"成本不低"?他给的具体数字是多少? **答案**:详解3。200 credits ≈ \$13,作者自述那次甚至没能产出一段视频([10:06](https://youtu.be/UjeCa1i4G0k?t=606))。 3. 为什么作者要给自己那个"本来就设计很烂"的 incomestreamsurfer.com 加视频?这个 before / after 演示要说明什么? **答案**:详解4。即"烂基线 + 一段品牌故事视频"能跨级提升视觉档次,这是一个独立于"优化设计"的视觉提升杠杆([16:51](https://youtu.be/UjeCa1i4G0k?t=1011))。 4. 作者把 Claude 角色定位成什么?他在哪里说过"必须人来做判断"那一关? **答案**:详解2。"you're like a director here. You have to direct Claude where you want it to go, and it has to be proper and not gimmicky, and it has to be real"([08:37](https://youtu.be/UjeCa1i4G0k?t=517))——模型补齐术语,人判断"故事感对不对得起品牌"。 5. 如果想绕过 Higgsfield 的 markup,作者自己点了哪条替代路?视频里有没有给验证数据? **答案**:详解3。seeddance 2.0([10:19](https://youtu.be/UjeCa1i4G0k?t=619))。视频没有给任何对照测试或成本数据,只是替代路径而非更好路径。