--- title: 'Fable 5 改写网站设计:三级闯关 + Max-then-Medium 用法' video_id: 2ZwO6LhC0SU url: https://youtu.be/2ZwO6LhC0SU title_en: "Claude Fable 5 Just Changed Website Design Forever" channel: Jack Roberts published: 2026-06-12 duration: "16:50" topics: ["模型与能力", "AI 编程与建站"] noted: 2026-07-08 value: A views: '5.6万' --- [![封面](https://i.ytimg.com/vi/2ZwO6LhC0SU/maxresdefault.jpg)](https://youtu.be/2ZwO6LhC0SU) > Jack Roberts · 16:50 · 发布 2026-06-12 · 5.6万次观看(截至抓取) · [观看原视频](https://youtu.be/2ZwO6LhC0SU) > 🔥 观众最高回放 [06:44](https://youtu.be/2ZwO6LhC0SU?t=404) — 拿 Awwwards 上得奖的 Igloo 沉浸式网站做高难度挑战,Fable 5 与 Opus 4.8 出炉瞬间,Fable 5 的"放大观察→推进→回缩"全景交互把观众反复拉回来对比细节。 ## 主旨 用同一句 prompt 在 Fable 5 与 Opus 4.8 上跑三档递进的网站设计挑战(纯文字描述 → 复刻得奖站 → 抽取 DNA 重做),证明 Fable 5 在设计感与一稿到位率上明显领先,再给出"Max 起手、Medium 推进"的分档用法把 token 成本压住。 ## 核心论点 1. **Fable 5 在 design arena 上一对一胜率约 71%,并跑分领先,是当前最强的设计 agent**——同一段 prompt 下,它的视觉质量、动效、空间感都明显高过 Opus 4.8 一档。([[#2-level-1同一句-promptone-shot-设计-0141|→ 详解2]]) 2. **三档递进挑战是验证模型设计能力的客观做法**——从纯文字描述、到复刻得奖站、再到抽取 DNA 重做,跨过"看得见"和"说得清"两关。(→ 详解3-7) 3. **"抽取 DNA"是从模仿走向自主设计的关键一步**——Fable 5 能把字体、配色、节奏、空间关系这些说不清的设计要素从参考站抽出来,再据此重建自己的版本,不抄内容只学气质。([[#7-level-3-结果小细节决定观感-1303|→ 详解7]]) 4. **Fable 5 token 极费,日常使用必须分档**——low 处理错别字/一行 CSS,medium 是日用主力,high 留给难调试,只把 max 留给"开天辟地"的第一稿。([[#9-各档什么时候用max-给第一稿medium-推落地-1501|→ 详解9]]) 5. **Max 起手 + Medium 推进是把 token 性价比拉满的固定套路**——设计力由 max 给出,落地让 medium 跑,既保住效果又把花费压到最低。([[#10-性价比数据fable-5-medium--opus-48-extra-high-1607|→ 详解10]]) 6. **视频最后抛出的完整工作流(建设→SEO→让客户/团队自助编辑)需要另一支视频补完**,本片止于"造出来",不论"上线"。([[#11-视频边界本片止于造出来-1638|→ 详解11]]) ## 知识点详解 ### 1. 开篇:为什么 Fable 5 在设计这件事上不一样 [00:12](https://youtu.be/2ZwO6LhC0SU?t=12) 作者开篇先把观众拉回一个事实——Fable 5 不只是更强的模型,还是"world's number one design agent":[00:02](https://youtu.be/2ZwO6LhC0SU?t=2) "called Fable 5 just dropped and it changes websites forever. Not only is it the best model, it is also the world's number one design agent." 支撑这个定位的是 design arena 跑分:[01:05](https://youtu.be/2ZwO6LhC0SU?t=65) "It is number one design arena. It wins 71% of times in head-to-heads"——一对一盲评里 71% 胜率,在所有前沿模型里居首。 这条先把全片基调定下来:后面对比 Opus 4.8 的三档挑战,本质是把这个跑分优势用肉眼看得见的真实网站呈现出来。视频也坦承跑分不等于真实体感——[01:11](https://youtu.be/2ZwO6LhC0SU?t=71) "I know anything looks good on paper. The fish and chips looks great on paper. Doesn't mean that it's the best, but you can see from yourself"——所以紧接着给可复现的实测案例。 ### 2. Level 1:同一句 prompt,One-Shot 设计 [01:41](https://youtu.be/2ZwO6LhC0SU?t=101) 第一档挑战用最朴素的输入——一段自然语言描述,看谁能一稿到位。 两个模型都拿到同一句 prompt:[01:53](https://youtu.be/2ZwO6LhC0SU?t=113) "Hey there, go ahead and design for me a beautiful website that sells Laqua... the flavor is going to be strawberry and peach. Maybe three different sections and make it look visually beautiful and engaging with the very best um softwares integrations and all of the best kind of like design elements." 模型选择上,作者把两个模型都开到 max effort、$1M 上下文窗口:[01:42](https://youtu.be/2ZwO6LhC0SU?t=102) "the $1 million context wonder... Come down to medium. I'm going to set the effort level here to max. We don't need ultra code for this. Max will be fine." 接下来这句定义了本档的考核方式:[02:20](https://youtu.be/2ZwO6LhC0SU?t=140) "this is called is one shoting. We give it one prompt and see exactly how well it performs"——一稿定胜负,不允许来回修补。 Opus 4.8 的版本不差,但视觉重量和"产品感"偏弱:[03:04](https://youtu.be/2ZwO6LhC0SU?t=184) "this is freaking awesome... I like this floating. Look, I hover over it. It's decent."——作者承认好看,但没有"立体感",更像模板拼出来的页面。 Fable 5 的版本在同一句 prompt 下立刻拉开差距:[03:20](https://youtu.be/2ZwO6LhC0SU?t=200) "I mean, first of all, that is freaking a lot better... Look at the difference in the cans right from this to this. Completely new level." 罐体的三维渲染、强调"零卡路里/零钠"的卖点列、加购按钮的分组(8 罐/12 罐/24 罐),都自带产品决策。[03:38](https://youtu.be/2ZwO6LhC0SU?t=218) "This is freaking crisp... This was one freaking prompt. That's all I gave this was one prompt." ### 3. Level 2 上半场:得奖站做参照、Hard Mode 启动 [04:18](https://youtu.be/2ZwO6LhC0SU?t=258) 第二档挑战的考核方式从"描述"升到"复刻",参照物换成 Awwwards 上的获奖站。 作者先介绍 Awwwards:[04:33](https://youtu.be/2ZwO6LhC0SU?t=273) "awards.com... basically find out what are all the award-winning websites that have existed, right?"——专门收录全球获奖设计。 他特意挑了一档"地狱难度":[04:54](https://youtu.be/2ZwO6LhC0SU?t=294) "I've actually gone ahead, guys, and I've picked like I would call an expert level difficulty for this one. What we're going to be doing is this igloo website"——Igloo 是这一类沉浸式 3D 滚动站,鼠标能 360° 转视角、能缩放、还带音效。 照搬之前先讲一句规则:[04:25](https://youtu.be/2ZwO6LhC0SU?t=265) "What we're going to do is this on what I will call hard mode. We're not going to pull any punches here on the channel."——这是本频道的难度上限。 ### 4. Level 2 下半场:Igloo 复刻,Fable 5 一稿封神 [05:53](https://youtu.be/2ZwO6LhC0SU?t=353) 这一档的 prompt 关键在"提气质不抄内容":[05:53](https://youtu.be/2ZwO6LhC0SU?t=353) "I want to go ahead and recreate this website. It is a visual masterpiece of creating videos. I need to go ahead and use basically I've said go ahead and use video generative software like you give it your API keys to Higgsfield or the Kia AI."——允许接外部视频生成 API,自己重新选物体,但要求保留"mystical winter almost interstellar vibe"[06:10](https://youtu.be/2ZwO6LhC0SU?t=370) 这种气质。 Opus 4.8 出了一版能用的,但冰冻人物、动画节奏、音效都还差点意思:[06:55](https://youtu.be/2ZwO6LhC0SU?t=415) "Building web 3's first mainstream IP. The sound's a bit meh... Pudgy penguins. I'm going to turn the sound off cuz it's not perfect on this one." Fable 5 出炉的瞬间就是观众反复倒带的画面:[07:31](https://youtu.be/2ZwO6LhC0SU?t=451) "structure is awake. Let's have a look at this. Wow, this is pretty."——作者用鼠标一路推近(Monolith → Drift → Beacon → The Observatory → The Ice Remembers),整个过程不需要任何后续修补:[07:56](https://youtu.be/2ZwO6LhC0SU?t=476) "I have never seen something like this on first shot." 他当场明确态度:[08:35](https://youtu.be/2ZwO6LhC0SU?t=515) "this is literally outrageous... there's no doubt this is the best"——并暗示这只是一发:[08:38](https://youtu.be/2ZwO6LhC0SU?t=518) "Imagine if I gave it two prompts. Like this is actually outrageous." ### 5. Level 3 思路:从复刻走向"抽取 DNA 再造" [09:22](https://youtu.be/2ZwO6LhC0SU?t=562) 第三档挑战的解释比前两档更深一层,引入一个新动作——不只看参考站长什么样,还要让模型把"为什么好看"提炼出来。 作者先讲设计这件事的语言边界:[10:07](https://youtu.be/2ZwO6LhC0SU?t=607) "you can't necessarily articulate why a certain website looks good. But we can use Claude to go ahead and do that for us"——人也说不清"为什么这个站好看",但模型能。 具体可被提取的"DNA"被作者列出来:[09:46](https://youtu.be/2ZwO6LhC0SU?t=586) "Typography, the logos, the color scheme, the balance, the spacing, and all these different ratios"——字体、Logo、配色、平衡、间距、各类比例。 这套动作的商业价值是"借气质不抄内容":[09:52](https://youtu.be/2ZwO6LhC0SU?t=592) "extract if you like an essence of the website... rebuild it for our own individual website without taking anything from the website"——抽出来的本质是设计语言,重建出来的是完全属于自己的页面。 这等于把设计知识从"看得见"提升到"说得清"再提升到"可复用",与 Skill Creator 的"把流程固化为可复用单元"思路同构。 ### 6. Level 3 工具链:Blueprint Extractor skill + Fable 5 [10:42](https://youtu.be/2ZwO6LhC0SU?t=642) 实际操作上,作者用一个名为 design blueprint extractor 的 skill 跑提取,然后把提取结果喂给 Fable 5 做重建。 skill 是什么:[10:42](https://youtu.be/2ZwO6LhC0SU?t=642) "I'm just going to shoot over to my community... and just grab my design blueprint extractor and just go ahead and download this one"——一个他自己社区里发布的 skill,内部调用多个子能力,把网站的预览图、HTML 骨架、过往案例都整理成结构化中间产物:[11:38](https://youtu.be/2ZwO6LhC0SU?t=698) "It's got a preview image... It's got previous examples if you feed it that. It's got a scaffold HTML." 然后再用一段 prompt 交给 Fable 5:[10:59](https://youtu.be/2ZwO6LhC0SU?t=659) "Hey, I'd like to go ahead and use my skill to extract the design DNA of this website. And then I'd like to go ahead and create for me an alternative version of it... I want it to be about selling websites. Make it look beautiful." 对照案例用的是 rocket.new:[00:34](https://youtu.be/2ZwO6LhC0SU?t=34) 作者在之前的视频里用 Opus 4.8 做过同款抽取重建,这次换 Fable 5 看效果。 ### 7. Level 3 结果:小细节决定观感 [13:03](https://youtu.be/2ZwO6LhC0SU?t=783) 作者展示 Fable 5 的成品后,重心不在"它很强",而在"它强在小细节":[13:03](https://youtu.be/2ZwO6LhC0SU?t=783) "honestly, it's not really the big things to me. It's actually the small details." 他举了三个具体细节。一是流程条:[12:48](https://youtu.be/2ZwO6LhC0SU?t=768) "guides through the brief, builds out the wireframe... guides through the design and then pushes live"——从 brief 到 wireframe 到 design 再到 live,一根进度条把整条交付流水线视觉化。 二是文字密度:[13:31](https://youtu.be/2ZwO6LhC0SU?t=811) "Text density was the biggest offender by far. Easy to understand, beautiful, crisp."——他审过 150 个网站给反馈,文字密度几乎永远是头号扣分项;Fable 5 默认就把它压在合理阈值内。 三是模块个数:[13:58](https://youtu.be/2ZwO6LhC0SU?t=838) "It knows not to have any more than five things"——每屏不超过 5 个信息块,是当下现代网页的隐性规范,Fable 5 不教自会。 最末一个细节是 Logo 的形态:[14:22](https://youtu.be/2ZwO6LhC0SU?t=862) "It's gone ahead and it's built the entire rocket... rocket at the bottom, which changes colors"——底部 Logo 还能变色,这种"无意义但有质感"的小动作正是它和模板站的分野。 ### 8. Token 烧钱问题与分档思想 [14:26](https://youtu.be/2ZwO6LhC0SU?t=866) 效果讲完,作者直接转向成本。Fable 5 的真问题是烧 token:[14:26](https://youtu.be/2ZwO6LhC0SU?t=866) "this does bring us on to the biggest problem with Fable that I want you to make sure that you crush. And that's essentially that it's token hungry." 他用了很口语的比喻:[14:31](https://youtu.be/2ZwO6LhC0SU?t=871) "She's very hungry. She's at a buffet. She wants to eat all the Chinese food"——把全模型都用 max 等于请它吃自助。 然后给出 effort level 分档:[14:47](https://youtu.be/2ZwO6LhC0SU?t=887) "you got low, medium, high, max, and then you've got ultra code, which is spinning up multiple many different agents"——五档,后两档是真正"开大炮"。 各档对应的工作类型他分得很清楚:[14:56](https://youtu.be/2ZwO6LhC0SU?t=896) "typos, copy swaps, renames, one-line, CSS tweaks, either just use like sonnet or use the low mode if you really have to use fable"——琐碎活根本不该上 Fable 5。 ### 9. 各档什么时候用:Max 给第一稿、Medium 推落地 [15:01](https://youtu.be/2ZwO6LhC0SU?t=901) 每一档对应的工作类型被作者拆得相当具体。Low 与 Sonnet 同档:[15:01](https://youtu.be/2ZwO6LhC0SU?t=901) "typos, copy swaps, renames... just use like sonnet or use the low mode"。 Medium 是日用主力:[15:04](https://youtu.be/2ZwO6LhC0SU?t=904) "medium is your daily driver. Okay, this is building sections, iterating UI, normal feature work"。 High 留给难活:[15:08](https://youtu.be/2ZwO6LhC0SU?t=908) "high is going to be for the hard and tricky parts. Okay, gnarly debugging, tricky refactors, design, judgment calls"——他顺便吐槽一句"设计判断"默认就要上 high,光靠 medium 不够。 Max 留给开天辟地:[15:18](https://youtu.be/2ZwO6LhC0SU?t=918) "I want you to reserve max for your first move. Max is like it's the big butt... the super intelligent part"。 最终落点是一句口语化的总结:[15:30](https://youtu.be/2ZwO6LhC0SU?t=930) "We use Max initially. Give it as much context as possible. Then let Max do the initial build and then we move over to medium to move it left and right." 再一句金句加强记忆:[15:51](https://youtu.be/2ZwO6LhC0SU?t=951) "We don't need Albert Einstein mopping our off floors. Medium is fine. Use max initially." 收口一句当规则:[15:56](https://youtu.be/2ZwO6LhC0SU?t=956) "the general rule, open on max, drop to medium to build"——open on max 是把第一稿推到极致,drop to medium 是把成本压回日用价位。 ### 10. 性价比数据:Fable 5 Medium ≈ Opus 4.8 Extra High [16:07](https://youtu.be/2ZwO6LhC0SU?t=967) 规则之后作者补一段对照数据,把"为什么可以放心 drop 到 medium"说清楚:[16:07](https://youtu.be/2ZwO6LhC0SU?t=967) "medium, okay, on Fable 5 is kind of equivalent to extra high um on Opus 4. Anthropic lower effort on Fable 5 often exceeds X high on Prime models and medium still tops every Frontier model on Frontier Code." 这段话反过来说就是:Fable 5 在 low 档已经能追平 Opus 4.8 的 max 档;medium 档在大多数 Frontier Code 任务上反超所有前沿模型。所以"max 起手、medium 推进"不只省钱,还把性能牢牢压在最高水位线。 收尾一句话把这一档思想压缩成口号:[16:30](https://youtu.be/2ZwO6LhC0SU?t=990) "fable for design and medium for the mileage"——设计力用 Fable 5,日常推进用 medium。 ### 11. 视频边界:本片止于"造出来" [16:38](https://youtu.be/2ZwO6LhC0SU?t=998) 作者在结尾丢出一个预告:[16:38](https://youtu.be/2ZwO6LhC0SU?t=998) "What we now need to know is how to host a SEO optimizer and actually enable our clients to make edits by themselves... we're going to learn all of that by watching this video right"——上线、SEO、客户自助编辑,他打算另起一支视频。 这条边界对学习者很关键:本片给的是"用 Fable 5 三档化地造漂亮网站",不包含"造出来之后怎么让真人接手运营"。如果你想要的是后一段,得去追他的下一支。 ## 可执行步骤 - [ ] 找一个简单的产品描述(如"卖一款草莓桃味气泡水"),用 Fable 5 max effort 一句话生成,然后跟 Opus 4.8 同 effort 同 prompt 对比,记录视觉差异点。 - [ ] 把 Awwwards 上一个你欣赏的站截全图,连同风格描述("神秘冬日感 / 极简 / 多色块")喂给 Fable 5,让它复刻气质而非内容,看一稿还原度。 - [ ] 在 Claude Code 里建一个 design blueprint extractor 类 skill,把"字体/配色/间距/模块上限"等设计 DNA 维度固化,跑一次自己欣赏的参考站,验证抽取结果可读可用。 - [ ] 按任务复杂度把 work 分四档:typo/rename 类 → Sonnet 或 low;日常 UI 推进 → medium;难调试与设计判断 → high;全新第一稿 → max。 - [ ] 对任何新项目首启时使用 max effort,把第一稿打到极致,之后所有迭代切回 medium,观察 token 节省比例。 - [ ] 评估自己审过的网站时,优先检查文字密度(每屏文字块不超过 5、段落不超 3 行)与流程条/进度可视化,这两个是 Fable 5 默认就能做对的细节。 ## 关联 - 印证:[[2026-07-02-Fable5五个高杠杆用例|Fable5 五个高杠杆用例]] 也独立验证"Fable 5 用量稀缺,需要分层调度";本片独有的是"Max 起手、Medium 推进"的具体操作配方与换挡理由(medium ≈ Opus 4.8 extra high),可与 Chase AI 那篇"按任务难度选 effort"互补阅读。 - 印证:[[2026-07-03-让 Fable 5 便宜 80％：五个用量秘籍|让 Fable 5 便宜 80%]] 同样主张"按任务复杂度挑 effort level,降档位是投入产出比最高的省钱动作",并用 Deep Sweep 基准给出具体百分比;本片从作者自身设计 workflow 角度补一笔"max 用于第一稿,medium 用于推进",形成定性 + 定量的两条降本路径。 - 印证:[[2026-07-01-Anthropic工程师如何实际提示Fable 5|Anthropic 工程师如何实际提示 Fable 5]] 也强调"Fable 5 在 low 档表现接近 Opus 4.8 的超高/max 档,大多数任务不必上 Fable 5",与本片的"medium 已超过所有前沿模型的 Frontier Code"互为侧证;本片独有的场景是"网站设计 first shot",其他片覆盖的是更广义的提示工程。 - 互补:本片独有"提取 DNA → 重建"的设计工作流(用 skill 抽取设计语言,再让 Fable 5 重做),与 Skill Creator "把流程固化为可复用单元"方向一致,但本片聚焦"设计 DNA"这个具体抽取对象,可与 [[forward-goal]] "长任务自主推进"组合成"先抽 DNA、再 forward/goal 长跑重建"的双步流水线。 - 进阶:[[2026-05-26-17分钟用Google-AI-Studio-2.0搭站|17分钟用Google-AI-Studio-2.0搭站]] 首次提出 Design DNA 方法论(叠加多个灵感站抽白空间/层级/typography 而非外观);本片独有的是把这套方法接进 Fable 5 skill 自动化执行、并配上 Max-then-Medium 的用量策略。先读那篇懂方法本身,本片给你怎么把它变成可重复流程。 - 复现:[[2026-07-05-Claude Fable 5 七级建站：从聊天框到 design extraction 一键出片|Fable 5 七级建站]] 的 Level 7 把本片的 One-Shot(首稿即成品、不做后续修补)推到 design extraction 一次成形;本片给"Max 起手、Medium 推进"的用量配方,那篇给七级递进的工具组合。 ## 一手来源与延伸 - [Awwwards](https://www.awwwards.com/)——视频 Level 2 难度参照来源,Igloo 与其他获奖沉浸式站的展示平台。 - [Higgsfield](https://higgsfield.ai/)——视频里给 Fable 5 提供的"视频生成 API"候选之一,用于在 Igloo 复刻里生成可交互的视频元素。 - [Kie.ai](https://kie.ai/)——视频里给 Fable 5 的"视频生成 API"另一个候选,同样用于 Igloo 复刻。 - [Rocket.new](https://rocket.new/)——视频 Level 3 的 DNA 抽取参照站,作者前作已用 Opus 4.8 做过同款抽取重建,本次用 Fable 5 重做。 ## 术语 - One-Shot(单次 prompt 出稿,不做来回修补,用于评估模型在零反馈下的真实能力) - Design Arena(模型设计能力的盲评对战榜,本片引用"Fable 5 一对一胜率 71%") - Design DNA(把字体/Logo/配色/平衡/间距/比例这些说不清的设计语言从参考站抽出来,作为重建的中间产物) - Effort Level(Fable 5 / Opus 4 等模型上从 low 到 max 的推理强度分档,直接决定 token 成本与准确率) - Hard Mode(本频道难度上限的作者自定说法,本片中特指复刻 Awwwards 获奖站的 Level 2 挑战) ## 金句 > "fable for design and medium for the mileage" — 一句话定下整个用量哲学:设计力让 Fable 5 上,日常推进靠 medium 拉里程,两边各司其职。([16:30](https://youtu.be/2ZwO6LhC0SU?t=990)) > > "We don't need Albert Einstein mopping our off floors" — 用一句生活化的类比解释了为什么 max effort 不能当默认档:请爱因斯坦来拖地是浪费,日常活让中等模型做就好。([15:51](https://youtu.be/2ZwO6LhC0SU?t=951)) > > "She's very hungry. She's at a buffet. She wants to eat all the Chinese food." — 用一句拟人化比喻把 Fable 5 的烧 token 习惯讲到画面感强、容易记住。([14:31](https://youtu.be/2ZwO6LhC0SU?t=871)) ## 立场与利益 视频中段插入作者"Claude Code masterclass"课程推广:[08:55](https://youtu.be/2ZwO6LhC0SU?t=535) "Takes you from foundation building websites, stuff I've never shared online, power features, memory systems, all the stuff that I don't share on YouTube. It is the best course I've ever created." - 与利益同向:Fable 5 在设计上"远超 Opus 4.8""最强设计 agent"——这是帮作者卖课的卖点,采信前需独立跑分印证;视频自己给的 71% 胜率来自 design arena 公开榜,本片没有做新独立评测。 - 利益中性:"Max 起手、Medium 推进"的分档用量思想,与 Anthropic 官方文档对 effort level 的建议一致(参 [[2026-07-01-Anthropic工程师如何实际提示Fable 5]]);"设计 DNA 抽取"作为设计方法论本身也无争议。 - 与利益反向:作者坦承"power burns tokens"是 Fable 5 的真实缺点,并给出具体降本路径——这种承认短板的话与卖课利益不一致,单独标出,作为"Fable 5 真的很费"主张的额外佐证。 利益证据一行带过:本片 description 含 skool 课程链接与 Higgsfield / Kie.ai 视频生成 API 联盟链接,前者是核心卖课入口,后者是 Level 2 工具链合作伙伴。 ## 价值定位 适合已经在用 Claude / Claude Code、有意愿尝试 Fable 5 但担心 token 成本的人:本片给出了"如何用 Fable 5 做网站设计"的具体三档挑战演示,以及"Max-then-Medium"这套把花费用在刀刃上的固定套路。对普通开发者也能落地——Level 1 的 One-Shot 设计门槛足够低、复现性足够强。 认知 vs 实操:Level 1-2 是验证"Fable 5 真的强"的演示,看完决定要不要用;Level 3 的"抽 DNA 再造"与 Max-then-Medium 是真正能落到自己工作流里的实操动作。 与 [[2026-07-02-Fable5五个高杠杆用例|已有 Fable 5 笔记]] 重叠,但本片独有:(1) 用同一句 prompt 在 Fable 5 与 Opus 4.8 上做三档难度对比的实测案例(尤其是 Igloo 沉浸式站复刻);(2) "open on max, drop to medium" 这条具体换挡规则;(3) 用 design blueprint extractor skill 把"设计 DNA"形式化抽取的工作流。 ## 自检问题 1. Fable 5 在 design arena 上跑分胜率是多少?给出数据的出处字段是哪一段口播? **答案**:71%(一对一盲评胜率),出自"知识点1:开篇"小节,数据由 design arena 提供,作者口播见 [01:05](https://youtu.be/2ZwO6LhC0SU?t=65)。 2. Level 2 的 Igloo 复刻里,Fable 5 在"鼠标推近"那一刻观众能看到什么交互序列?这个序列对评估"设计感"为什么重要? **答案**:Monolith → Drift → Beacon → The Observatory → The Ice Remembers 五个层级,作者用鼠标一路放大再回缩——这种"摄像机级别的推进感"是 Awwwards 沉浸式站的标志,Fable 5 一稿做到而无须修补,见"知识点4:Level 2 下半场"。 3. "抽取 DNA"和"复刻"在工作流上的本质差别是什么? **答案**:复刻是模仿外观,DNA 抽取是把字体/Logo/配色/平衡/间距/比例这些说不清的设计语言抽出来作为重建依据,目标是"借气质不抄内容",见"知识点5:Level 3 思路"。 4. "Max 起手、Medium 推进"具体怎么做?为什么 medium 不会让最终质量掉档? **答案**:第一稿用 max effort 把设计力推满,所有迭代切回 medium。因为 Fable 5 medium ≈ Opus 4.8 extra high,且在 Frontier Code 上仍领先所有前沿模型,所以 medium 推进不会掉档,见"知识点9:各档什么时候用"与"知识点10:性价比数据"。 5. 视频末尾留了一个未完结的话题,是什么?这对你看本片的定位有什么影响? **答案**:作者预告下一支视频讲"host + SEO 优化 + 让客户/团队自助编辑",本片只覆盖"造出来",不管"上线",所以别把本片当成完整的"网站交付"教程,见"知识点11:视频边界"。