Nick Saraev · 10:36 · 发布 2026-07-07 · 7780次观看(截至抓取) · 观看原视频
主旨
把一条完整的”目标 + 工具 + 验证 + 自治”prompt 喂给 Fable 5,让它自己 spawn 子代理并行做出 25 个互不重复的高质量网站,以证明高难度设计任务的瓶颈不在模型能力而在人是否挡道。
核心论点
- 高质量网页不需要 4/5 步框架——大多数 YouTube 教程教的多步约束反而是在跟模型智力较劲,真正的关键是”替模型设计 prompt”,然后退到一边。(→ 详解1、详解2)
- 一条 prompt 足以驱动 25 个网站端到端产出——只要把目标、视觉方向、工具清单、验证手段、部署路径、自治指令都写进同一段文字,模型就能独立完成全套工作。(→ 详解3)
- 子代理并行让端到端 25 个网站只用 20-25 分钟——平均每个约 1 分钟,这是”过去要花很久的事”被压平后的真实速度,不再是单线程串行的产物。(→ 详解4)
- 模型自带的审美品味不输专业从业者,强行强加”我的品味”反而是干扰——给它目标、让它自治,产出会更好。(→ 详解6)
- AI 设计正在从”静态滚动页”过渡到”可交互体验”——粒子群、shader、小游戏都是同一条 prompt 内的产物,质量参差但方向已经清楚。(→ 详解5、详解7)
知识点详解
1. 实验前提:把决策权让回模型 00:15
视频先讲清楚动机:Fable 5 在 Claude plan 上重新可用到 7 月 12 日,有 5 天窗口。作者决定做一次”放手实验”——让 Fable 自己去设计它能做到的最高质量网站,不限定方向,不预设结构:“I ran a pretty interesting experiment which was to let Fable design the highest quality websites that it thought that it could using whatever means necessary”(00:15)。
这次实验产出了 motion design、视频、图像等所有素材,完全由模型自己发起——作者强调”there’s actually nothing here that I had to prompt”层面的细节全是模型自主决定。本片第一手价值就在于公开 prompt 让任何人都能复现,这是后续详解 3 要拆解的对象。
2. The Key:别替模型做决定 01:14
作者反复重申一条原则——绝大多数 YouTube 教程教的”四步/五步框架”是反直觉的:真正的高质量网站不需要预先把流程拆成先 A 再 B 再 C,只要想办法”get out of the model’s way”——也就是停止与模型智力较劲:“you don’t actually need like a four or fivestep framework… you need to figure out a way to get out of Fable’s way. You need to figure out a way to like stop interfering with the model intelligence”(01:05)。
这条原则背后是 Agent 反思(自评自纠) 思想的延伸:模型本身具备自评与自我修订能力,人越插手越打断它的修正循环。但”放手”不等于”无 prompt”——核心动作是把”设计 1 个网站”重定义为”设计能批量生成所有网站的 prompt”,这个抽象跃迁才是本片主张的关键。
3. 完整 prompt 逐字拆解 01:44
视频逐字读出 prompt,可拆成六个成分。目标陈述:“I want to build 25 websites with Fable as a way to demonstrate its extreme capabilities in web design, taste, and artistic flavor”(01:44)。视觉方向:“each website to be fundamentally different and involve a mixture of advanced visual techniques… 3D tactics, otherworldly beautiful animations, exceptional color palettes, novel interesting font styles”(02:06)。
工具白名单:“you could download images on Pinterest. Generate similar but different images with GBT image 2 which you have keys for. Animate them with Higgsfield which you have an MCP4 and that includes dozens of animation models like Cling”(02:10)。部署路径:“Once you have all 25 websites up, I’d like you to put them on Netlify… I’d also like you to add a brief description of how you would do so on a slashguide route”(02:33)。
质量门槛:“Before you okay each site, make sure you do at least three iteration passes”(02:45)。自治指令:“work completely autonomously and do not ask me for anything until you are all done”——这是 forward-goal 风格的典型用法:把完成判据写死、把”中途提问”明确禁用,模型才会真正启动长任务。
4. 实际跑法:子代理并行,平均 1 分钟 1 个 03:14
作者在终端内启动任务,模型自主 spawn 多个独立 Subagent 来并行执行 25 个网站的设计+部署:“It spawned a bunch of distinct sub agents to parallelize the work and make sure that we got all of that done at the same time”(03:14)。
整套任务花了 20-25 分钟:“They will proceed to work for something like 20 to 25 minutes”(03:10)。除以 25 个站点等于每个约 1 分钟。作者对此的反应是”it just blows my mind… back in the day this used to take way longer and be way harder”(03:28)。
这种 并行化 不是单纯的”开 25 个 Claude 会话”——子代理各自拥有独立上下文窗口、互不污染主 session,这与 Fan-out Fan-in 的精神吻合,但更轻量,因为每个子代理只需要交付一个完整网站。
5. 惊艳产出:粒子群、shader、小游戏 03:49
作者没有逐个详评所有 25 个站,而是用 4-5 个亮点展示模型自主审美能跑到多远。其中一个是 3D 粒子群(particle swarm):“This came up with a freaking 3D particle swarm. It then mapped a pre-created high quality like art artifacts… and then it turned that into like a slowly rotating universe essentially”(03:49)。
另一个生成了整套 sprite sheet 还做了一个可玩的小游戏:“It also made a freaking video game. So now I literally have like a little minigame on the site”(04:14)。第三个是 可变字体权重(variable font weights)动态变化:“This one here involves variable font weights and slowly changing their sizes”(04:27)。
最激进的一个直接在浏览器里跑实时 shader:“This is running real shaders directly in my computer… is this going to be the most performant of websites? Probably not. But obviously, this is where things are going”(04:38)。这一段展示 AI 设计的方向已经超过”漂亮滚动页”进入”小规模可交互体验”的边界。
6. 验证手段:Chrome DevTools MCP 或桌面 App 05:24
作者在终端里看不到渲染结果,因此给模型装上 Chrome DevTools MCP,让它能”打开网页并对其做操作”,从而自助验证产出:“you can just give it access to something like Chrome DevTools MCP which is just a tool that allows it to open up web pages”(05:24)。
如果你用的是 Claude 桌面 App 就不用额外接 MCP——它自带渲染面板,模型写完代码可以直接在旁边的浏览器面板里看到效果。这条原则呼应作者的总主张:模型越聪明就越需要自检通道,人越少打扰越好。
7. 工具 1+2:Pinterest 取灵感,Higgsfield 造素材 05:54
两章合并讲,因为它们解决同一个问题:模型做出”高质量网页”的瓶颈是素材库,而非设计判断。
第一份工具是 Pinterest:“the reason I gave it access to Pinterest is there’s just cool images on here man. There’s like Sopranos type stuff. There’s Spider-Man. There’s like really cool aesthetics and whatnot”(06:01)。它是模型需要灵感时的检索池。
第二份工具是 Higgsfield MCP:“Higgsfield MCP uh basically just allows the model to access like a tremendous number of highquality, very stylized uh image and then video pipelines”(06:21)。具体能力包括”so that it could generate its own freaking font and then use its own freaking font in order to like take a screenshot of it and then turn that into some sort of particle swarm or so that it could generate assets for a video game”(06:37)——也就是说字体、粒子、视频素材、游戏 sprite 都是这一份 MCP 给的。
8. 不强加品味,目标只是让它推进 06:46
这一节是主张的核心:“The point that I’m making though is like the taste of these things is better than my taste”(06:46)——模型审美品味不输作者本人,强加个人偏好只会干扰模型自评自纠的循环:“So why the hell would I try and institute my own top down like belief on what the freaking thing should look like”。
作者坦白设置目标只是为了让模型持续推进,不是为了让产出对齐什么具体视觉:“And then I gave it a goal but a goal is nothing special. A goal is just like a way to encourage it to continue working autonomously”——目标是 forward-goal 模式里的”加油式反馈信号”,不是约束。
执行端最戏剧化的一幕是作者真的去看了半集 Netflix:“I went to the other room and I watched an episode of Dark with my girlfriend on Netflix. And when I came back, all these freaking websites were done”(07:05)。这不是说所有人都该这么做,而是这条 prompt + 工具链的自治程度已经够高,人工在场不增加价值。
9. 全站巡览:Murmur、城市巡航、Y2K 产品页 07:10
11 站的逐站演示段落,作者快速切过十几个不同风格。亮点包括:Murmur——一个”走近才能看清”的诗歌站点,背景音效模拟海浪声;城市巡航——程序化生成的 3D 城市漫游;Y2K 千禧风专辑封面站;以及 3D 椅子产品页(纹理由 AI 生成,椅子可能是从未被设计过的新造型)。
最具商业想象的一帧是产品页:“think about how easy it would be to make, you know, a 3D sort of product website nowadays that automatically orbits around some product”(09:33)。作者顺势抛出一个电商脑洞:把 10,000 个 AI 生成的产品页挂到 Shopify 上,让用户边转边选,再把规格发去工厂生产——这是把 AI 设计能力直接产品化的最激进想象。
10. 收尾:把 token 花费”套利”回免费模板 10:22
视频最后一段承诺持续产出并免费放出:“I’m just going to create way more and just continue giving them out to you guys because at this point, I’m just arbiting a little bit of my own token spend, $5, $10 per site, something like that, in order for you guys to have infinite templates”(10:24)。
也就是说每个站点的 token 成本约 5-10 美元,作者以自己的 token 预算来套利,为受众换取可复用的模板库。所有 prompt 与网站都集中在他的 Skool 社区 Maker Zero 以及视频 /guide 路径,这是后续教学与流量沉淀的入口。
可执行步骤
- 把任务抽象成”批量产 N 个 X”而不是”产 1 个 X”,然后写一条 prompt,内含:目标数量 + 视觉/品味方向(故意写得宽泛)+ 工具白名单(图片库 + 素材生成 + 部署)+ 质量门槛(如每个至少三轮迭代)+ 部署路径(域名/路由)+ 自治指令(禁止中途提问)。
- 在 prompt 里允许模型 spawn 子代理并行处理——任务要天然可拆分,每个子任务能独立交付一个完整成果(避免依赖关系阻塞)。
- 给模型一种”自检”通道:Chrome DevTools MCP 打开页面验证,或直接用 Claude 桌面 App 自带的渲染面板。
- 至少配 3 类工具:灵感/检索源(Pinterest 类)、素材生成器(Higgsfield 类)、部署出口(Netlify 类)。素材生成器必须支持图像+视频+字体,而不仅是图像。
- 设目标但不强加”我的品味”——视觉方向用宽泛形容词(优秀配色、新颖字体、世界级动效)而非具体参照系(像 X 品牌那样)。
- prompt 末尾写明完成判据 + 自治阈值,如”全部完成后才向我报告,中途不要问任何问题”。
关联
- 印证:forward-goal prompt 末尾那句”work completely autonomously and do not ask me for anything until you are all done”是 forward-goal 模式的教科书范例——目标+终态+禁问,模型据此启动长任务;本片用 25 个网站把它推到了具象化的极致。
- 印证:步骤清单可自动化判据 本片虽然不是”清单”,但 prompt 内嵌了”目标-方向-工具-验证-部署-自治”六类要素,本质是把模糊的”做个网站”翻译成 agent 可执行的判断题;这与”能列成清单就能自动化”的判据同源,只不过这次清单嵌在自然语言 prompt 里。
- 互补:Agent Teams 本片用的是 spawn-many-subagents 并行做 25 个独立网站,无需彼此通信;Agent Teams 则是多 subagent 通过共享任务列表互通——前者偏 fan-out 一次性产出,后者偏协作式长任务;按任务”是否需要互相交换信息”分流选型。
- 进阶:Self-annealing 自退火 本片 prompt 里的”three iteration passes”要求模型每站完成后再走 3 轮自查改稿,呼应了 Self-annealing 的核心思想;先读 Self-annealing 理解机制,再看本片就是它的一次具体应用。
一手来源与延伸
- 视频中提到的完整 prompt 与全部 25 个网站托管在作者 Skool 社区 Maker Zero 的
/guide路径(根据视频 0:42 与 4:59 段口播及 description 链接):https://www.skool.com/maker-zero - 视频中提到的 Chrome DevTools MCP 与 Higgsfield MCP 均未给出官方文档直链,本笔记不收录未核验的猜测链接。
术语
- Fable 5(视频中的 Claude 系列模型,Fable 是作者对该模型的称呼;视频 0:00 介绍”Claude Fable 5”;description 中也写”clawed plans”即 Claude plans)
- particle swarm(粒子群,本片指 3D 粒子群体动画,常作为背景动态视觉)
- shader(浏览器/GPU 上运行的实时渲染片段,本片 demo 直接在网页里跑 shader 做背景效果)
- iteration pass(本片指每个网站完成后模型再走 1 轮自查改稿,3 轮即 3 次迭代)
- variable font weights(可变字体权重,可由 CSS/JS 平滑插值的字体粗细维度,本片 demo 用它做标题动态变化)
- Netlify(静态站点托管平台,本片是 prompt 中指定的部署目标)
金句
“the key is to get out of the model’s way. The model is smart enough in order to do more or less whatever the heck you want it to. Now, you just need to be okay at articulating the desire that you have and then giving it some way to verify its own work.” (03:33) → 把”用 AI 做事”重新定义成两件事:清晰表达诉求 + 配一种自检通道,中间别打扰。 “the taste of these things is better than my taste. So why the hell would I try and institute my own top down like belief on what the freaking thing should look like” (06:46) → 在品味/审美这类主观判断上,人压模型反而是负向操作;承认边界、把决策权让回模型,实操结果可能更好。 “I went to the other room and I watched an episode of Dark with my girlfriend on Netflix. And when I came back, all these freaking websites were done.” (07:05) → 极端自治的具象化时刻:人工在不在场已经不影响产出。
立场与利益
本片作者的核心变现通道是 Skool 上的 Maker School(付费社区)与 Maker Zero(免费社区),description 顶部直挂链接,视频也反复把”完整 prompt 与所有网站”导流到 /guide 路径——这是一次典型的”内容引流转化”,免费资源是把人往付费社区送的钩子。
- 与利益同向: “I plan on running this for like a week and then just designing 10,000 of these and then just offering them all to you for free”(01:26)——这种”承诺未来大批免费放出”的话语在强化”加入我社区”的吸引力,采信前建议独立验证作者是否真做到 10,000 个,目前视频里展示的只是 25 个样本。
- 利益中性: prompt 结构、子代理并行、Chrome DevTools MCP 验证、Netlify 部署——这些方法论本身与作者卖课无关,可独立复用,按内容本身采信。
- 与利益反向: 作者自承”我去看了半集 Netflix,回来网站都做完了”——承认自己在这条流水线里是多余角色,这条话术对吸引客户不利但他还是说出口,稍增可信度。
价值定位
- 适合谁:已经在用 Claude Code 或类似 agent 框架,想试”放养型高难度设计任务”的人;对 prompt 工程、子代理编排有兴趣的人;做 SaaS/电商/品牌站且预算有限但想批量产视觉资产的个人或小团队。
- 解决什么:给出一个可复现的”批量高质量网站”模板——prompt 结构、工具组合、验证手段、部署路径全都明示,直接换 prompt 内容就能复刻同类实验;同时给出”放手让模型做决策”这条反主流主张的实证案例。
- 认知 vs 实操:两条都给。认知层面:重新定义”AI 设计能力”——从”做出漂亮滚动页”到”做出可交互体验”。实操层面:可直接拷贝 prompt 跑一遍同款实验,或借鉴其六要素结构写自己的批量任务。
- 与 Agentic课·导论 重叠时:课程覆盖的 DOE 框架(Directive/Orchestration/Execution)与本片的”目标-方向-工具-验证-部署-自治”六要素在精神上一致;本片独有的是”为单条 prompt 写完全部要素+子代理并行一次性批量产出”的极致具象化范例,以及”在品味/审美类任务上完全放手”这条主张。
自检问题
- 本片主张”高质量网页不需要 4/5 步框架”的核心论点是什么? 答案:大多数 YouTube 教程教的”先 A 再 B 再 C”的多步框架是在跟模型智力较劲,真正的关键是”get out of the model’s way”——停止干扰模型自评自纠的循环,把”设计 1 个网站”重定义为”设计能批量生成所有网站的 prompt”,由模型自治完成。01:05
- 视频中那条 prompt 至少包含哪六个成分? 答案:目标陈述(25 个网站)、视觉方向(3D/动效/配色/字体的宽泛描述)、工具白名单(Pinterest + Higgsfield + GBT image 2)、部署路径(Netlify + /guide 路由)、质量门槛(每个站点至少三轮迭代)、自治指令(禁中途提问)。01:44
- 为什么作者要给模型装 Chrome DevTools MCP 或用 Claude 桌面 App? 答案:让模型能”打开自己刚做的网页”做自检——形成”写代码→渲染→自查→改稿”的闭环,人不在场也能验证产出。Chrome DevTools MCP 给的是浏览器侧操作能力,Claude 桌面 App 自带渲染面板不需要额外接 MCP。05:24
- “iteration pass”在本片里具体指什么?作者要求做几次? 答案:指每个站点完成后模型再走一轮自查改稿——找设计问题、找复杂化机会、再修;作者要求每个站点至少做 3 轮 iteration pass,这是 prompt 里写明的质量门槛。02:45
- 作者为什么拒绝在 prompt 里写”按我的品味做”? 答案:因为模型自带的审美品味不输作者本人,强加”我的品味”会打断模型的自评自纠循环;作者原话”the taste of these things is better than my taste. So why the hell would I try and institute my own top down like belief”。目标应该写得宽泛,让模型去跑出自己的方向。06:46
💬 热门评论 top-20 主 + 13 回(抓取 2026-07-08)
[2] @faaabio:这挺酷的，但如果人们能用3美元就创建出“1万美元”的网站，那所谓的1万美元网站就不存在了。 👍 58 ↪ @truefacts404:不对——在现实世界里，并不是所有企业都会“自己搭建”这些东西。大多数人还不知道这些工具的存在。 👍 16 ↪ @Oji.kapp0:有些人从机场打车要花67美元，而无人驾驶的Waymo同样的路程只要15美元。 👍 6 ↪ @epitomecollezione:总会有1万美元的网站，因为人类会设计出新的建站方式，然后收费1万美元。 ↪ @kvazimedvedababl:1万美元网站就是个廉价的标题党而已。 ↪ @just_lurking4833:同意。 👍 1 [4] @gianlucascattarella:嗨！视频很棒！这花了多少钱？我是说，Higgsfield订阅、Claude订阅。 👍 1 [5] @realWorsin:成千上万的App被造出来，但没什么实际价值。是时候提升你的水平了。任何容易的东西都会失去价值。 👍 6 [8] @rgaurav1029:嗨Nick……视频很棒。你有没有更新用这些高级模型创建网站时的安全检查提示/指南？如果有的话，请通过视频分享。我有你之前的指南，我懂的。 [10] @Sabrina-jv7vj:这太有价值了！只对你的Skool订阅者开放吗？还是我们也能看到这些网站？ ——其他 14 条:感谢/夸赞([3]@HanMe1ster、[6]@lavishvegas5495、[7]@LovelyLifeLessonsKidsBooks、[9]@MrMarco7ify、[11]@nadinebellot8927、[12]@thewebstylist、[13]@KumR、[14]@AdrienBeltra、[15]@NievesMathews-n8i、[16]@poppingjaz、[17]@lightalwayz、[18]@davidbillera9296、[19]@nireesha5494、[20]@keenanmcgriff);1 条 spam 已略
英文原文
[1] @nicksaraev(UP):👋Get every one of these FREE + copy paste prompts here (eventually will have over 1K): https://fable-25.netlify.app. Enjoy! 👍 5
↪ @GreyBeardedBloke:Amazing! Thank you.
[2] @faaabio:It's cool and all but if people can just create "$10k" websites for like 3 dollars, then there's no such thing as a 10k website anymore 👍 58
↪ @truefacts404:Not true - in the real world all business aren’t “ spinning up “ their own anything . Most still don’t know these things exist 👍 16
↪ @Oji.kapp0:Some people still take a 67$ taxi from the airport. A driverless Waymo is 15$ for the same ride. 👍 6
↪ @epitomecollezione:There will always be 10k website a human will design a new way to do websites and charge 10k.
↪ @kvazimedvedababl:10k website is just a cheap clickbait lol
↪ @just_lurking4833:Agreed. 👍 1
[3] @HanMe1ster:GOAT. Everyone is about to have baller websites now 👍 12
↪ @nicksaraev(UP):Agreed, thx Han.
[4] @gianlucascattarella:Hi! Great video! How much did It cost? I mean, higgsfield subscription, Claude subscription 👍 1
[5] @realWorsin:Apps built by the thousands, though, have no real value. Time to up your game. Anything easy loses its value. 👍 6
[6] @lavishvegas5495:LOL i’ve been a Web developer for 25 years and it doesn’t even matter anymore. People don’t even visit websites anymore. 👍 5
↪ @zerorestdays:Nonsense, websites are still the end stage for the majority of conversion flows online 👍 2
↪ @moviesfan5513:LMAO.
[7] @LovelyLifeLessonsKidsBooks:Thanks Nick, this is inspiring. Hope your website library you're building stays around, it's a beautiful resource.
[8] @rgaurav1029:Hi Nick… great video. Have you updated the security check prompt/ guide for these websites that you are creating with these superior models. If yes please share it through a video. I have your old guide I understand
[9] @MrMarco7ify:Subscribed!
[10] @Sabrina-jv7vj:This so valuable.! Is it only for your Skool subscribers? Or can we see the sites?
[11] @nadinebellot8927:What a beautiful gift, and thank you for simplifying what so many are making so difficult!
[12] @thewebstylist:HOLY $HYTE!!! 🎉🎉🎉 YES PLS!! One thing, I just joined your community (finally) but don't see 'All the Assets and Resources' there as mentioned for creating these insane demos
[13] @KumR:Show off😃 But am proud of you brother. Whether I can create these or not, I am glad you are creating and showing
[14] @AdrienBeltra:We don’t have the same fable 😂 👍 3
[15] @NievesMathews-n8i:This is so sick!!
[16] @poppingjaz:I just came here for Nick's voice. Its so deep and engaging, you should be in a 70s soul band 😂😂 👍 1
↪ @nicksaraev(UP):Haha, thx bro 👍 1
[17] @lightalwayz:This is awesome…thank you! 👍 1
↪ @nicksaraev(UP):Appreciate you 🙏
[18] @davidbillera9296:Fricking Font!! I love it! Fantastic video! 👍 1
↪ @nicksaraev(UP):Thanks so much David!
[19] @nireesha5494:Am very glad to see u such a kind of person like u man
[20] @keenanmcgriff:This came at a good time. Thanks bro 👍 1
↪ @nicksaraev(UP):My pleasure Keenan! Good seeing u