20:"$Sreact.view_transition" 21:I[9754,["/_next/static/chunks/2t36f5p4pjzlb.js","/_next/static/chunks/1gyqeidjm5eoa.js","/_next/static/chunks/0_fjnxc4tt_l_.js","/_next/static/chunks/1ymt1shyhmu-4.js","/_next/static/chunks/3kv2zf0i7s2wc.js","/_next/static/chunks/1vs_3g_g75zmk.js","/_next/static/chunks/2g4dh802s8oz3.js","/_next/static/chunks/1bc3f0shukf1j.js","/_next/static/chunks/192kgs9v_t14j.js","/_next/static/chunks/0z6pw0v5c_lx5.js","/_next/static/chunks/08r60e6icmtkc.js","/_next/static/chunks/3trx6c0i7_x-3.js","/_next/static/chunks/40sro5bzp9bi_.js","/_next/static/chunks/1wgf3tk38y6cf.js"],"ProjectDetail"] 22:T4fab, Claude Code 终极指南 · 从入门到生产

Claude Code 终极指南 — 430K+ 行的制图地景

系统掌握 Claude Code：一条从入门到生产的登山脊线

把 claude-code-ultimate-guide 的庞杂知识当作一片需要攀登的地形——越深入海拔越高。7 个模块带你沿海拔逐级上升，quiz 测标旗沿途校验进度，安全数据库守在峰顶之前。

7 模块路径 · 8–11 小时 473 道测验 268 个模板 CC-BY-SA-4.0

打开在线指南 GitHub 仓库

Seven-Module Path

7 个模块，从复制起步到自主设计

学习被组织成一次连续的登顶——每个模块是一处带编号的路点，从基础岩层一直延伸到生产部署。

01基础理解 Claude Code 的核心概念、命令与终端工作方式入门

02核心工作流从复制配置到读懂每一步发生什么起步

03代理工作流设计让代理可靠地多步协作的开发流程进阶

04Hooks在代理生命周期关键点接入脚本与校验进阶

05Skills打包可复用的能力，让代理按需调用进阶

06MCP通过模型上下文协议连接工具与外部系统高级

07生产部署把安全、模板与生产就绪的实践组合落地高级 · 8–11 小时

Knowledge Validation · Quiz 校验关口

473 道测验，把路点钉在地图上

每段爬升都有一道测标旗：用刻意设计的测验校验你真正理解了机制，而非仅仅看过配置。这是生态中少见的、以校验为核心的验证方式。

473 道

知识校验

沿 7 个模块设置校验关口，覆盖代理工作流、Hooks、Skills 与 MCP。

7 站

分配于上升路径

测标旗插在等高线旁的必经之路，答对才解锁下一段海拔。

Template Lockbox · 图廓格资源

268 个注解模板，按下就用

每个模板是一格带标注的资源：说明它解决什么问题、何时该用、在哪里接缝。

268 个模板

生产就绪配置

可直接落地的 Hooks、Skills 与启动配置

167 项评估

资源评估

对周边工具与资源的分级评价，帮助选择取舍

48 张图解

图解序列

Mermaid 可视化，让抽象机制先有画面

Security Guardrail · 峰顶哨卡

进生产前，最后一道高海拔哨卡

顶峰之下是安全数据库守关：在这里你读到的不是「何时会用」，而是「何时要警惕」。

CVE 记录

与 Claude Code 相关的高危漏洞，标注风险与规避措施。

655

恶意技能

需识别并绕行的威胁信号，防止代理被诱执行危险操作。

Tools & Offline · 接入与离线通道

把图带上山，也能带下网

MCP Server

可通过 npx 安装的 MCP 服务器，让你在任何 Claude Code 会话里读取这份指南——提供 17 个工具 与 13 个斜杠命令。

Offline Guide

整份指南打包为 PDF 与 EPUB（约 700 页），通过 release 下载，可在没有网络时继续登顶。

23:T506d, Claude Code Ultimate Guide · From beginner to production

Claude Code Ultimate Guide · a 430K+ line terrain

Master Claude Code, one climb at a time — from foundation to production

Treat claude-code-ultimate-guide's sprawl as terrain to summit: the deeper you go, the higher the elevation. Seven modules rise the altitude, quiz flags check your footing along the ridge, and the security database guards the approach before the peak.

7-module path · 8–11 hrs 473-question quiz 268 templates CC-BY-SA-4.0

Open the interactive guide Repository on GitHub

Seven-Module Path

Seven modules, from copy-paste to self-design

Learning is one continuous ascent — each module a numbered waypoint, from the bedrock up to production deployment.

01FoundationCore concepts, commands, and how Claude Code works in the terminalBeginner

02Core WorkflowsMoving from copy-paste toward understanding what's actually happeningBeginner

03Agentic WorkflowsDesigning multi-step processes agents can execute reliablyIntermediate

04HooksInserting scripts and checks at the key points of the agent lifecycleIntermediate

05SkillsPackaging reusable capabilities the agent can call on demandIntermediate

06MCPConnecting tools and external systems through the model context protocolAdvanced

07ProductionCombining security, templates, and production-ready practice into deliveryAdvanced · 8–11 hrs

Knowledge Validation · Quiz checkpoints

473 questions pin the waypoints to the map

Every stretch of the climb carries a survey flag: deliberately designed questions check that you actually understand the mechanism, not merely that you've read a config. It's a validation-first approach that's rare in the ecosystem.

473 questions

Knowledge check

Validation gates spaced across workflows, hooks, skills, and MCP.

7 stops

Along the ridge

Flags sit on the route as mandatory crossings; prove the segment to unlock the next altitude.

Template Lockbox · Surveyed resources

268 annotated templates, drop in and go

Every template is a labeled cell on the map: what it solves, when to reach for it, and where it connects.

268 templates

Production-ready configs

Hooks, skills, and startup configs you can deploy directly

167 evaluations

Resource reviews

Graded evaluations of surrounding tools to guide trade-offs

48 diagrams

Illustrated series

Mermaid visualizations that give abstract mechanisms a shape

Security Guardrail · the high-altitude post

Before production, one last high-altitude post

Below the summit sits the security database on guard — this is where you read not just "when it's useful" but "when to be wary."

CVEs recorded

High-severity vulnerabilities affecting Claude Code, with risks and mitigations flagged.

655

Malicious skills

Threat signals to recognize and route around, so the agent isn't coaxed into dangerous actions.

Tools & Offline · integration and offline access

Carry the map up the mountain — and off the network

MCP Server

Install via npx and read the guide from any Claude Code session — exposing 17 tools and 13 slash commands.

Offline Guide

The full guide ships as a PDF and EPUB (~700 pages) fetched from a release, so the climb keeps going without a connection.

a:[["$","$20",null,{"enter":{"secondary-forward":"secondary-forward","secondary-back":"secondary-back-enter","default":"none"},"exit":{"secondary-forward":"secondary-forward","secondary-back":"secondary-back-exit","default":"none"},"update":{"secondary-forward":"secondary-forward","secondary-back":"secondary-back-update","default":"none"},"default":"none","children":["$","$L21","cmsndopps0023cz47sn94xrza:zh-CN:beautified",{"project":{"id":"cmsndopps0023cz47sn94xrza","slug":"florianbruniaux-claude-code-ultimate-guide","name":"claude-code-ultimate-guide","description":"从入门到高级的 Claude Code 完整学习资源","authorName":"florianbruniaux","authorVerification":{"verified":false,"verifiedAt":null},"category":"development_tools","subcategory":"data_ai_tools","experienceUrl":"https://cc.bruniaux.com/","qualityScore":98,"featured":false,"officialSite":null,"views":{"original":{"available":true},"official":{"available":false,"reason":"disabled_by_policy"},"beautified":{"available":true,"reason":null},"defaultView":"beautified"},"beautifiedView":{"revisionId":"cmt2zh04j00lt6271wiofa93o","kind":"artifact","artifact":{"schemaVersion":"localized-static-html-v4","kind":"static_html","locales":["zh-CN","en"],"defaultLocale":"zh-CN","documents":{"zh-CN":"$22","en":"$23"},"designDirections":{"schemaVersion":"dodot-design-directions-v1","directions":[{"id":"direction-contour-ascent","name":"深度等高线：渐进登顶","projectMetaphor":"把 Claude Code 的庞大知识面（430K+ 行）当作一片需要攀登的复杂地景，学习进阶被表现为地形等高线的海拔上升——越深处越深入，初学者在地图上找到一条登山脊线，进阶者在高处看到安全与生产的地形。","signatureVisual":"一组嵌套的等高线曲线向一处峰顶收敛，一条上升的脊线路径穿过曲线，路径上散布带编号的模块路点（01 基础 → 07 生产），quiz 以等高线旁的测标旗标记，安全数据库作为峰顶前最后一道高海拔哨卡。","heroGeometry":"多组同心的地形等高线曲线（细线环层），在线圈中某个点叠加一条切线式的上升脊线，脊线顶点悬浮主标题，形成『地图上的登山线路』而非平面格子。","sectionSequence":["contour-ascent-hero","seven-module-path","knowledge-validation","template-lockbox","security-guardrail","tools-integration"],"surfaceModel":"制图纸面模型：米白纸底、发丝级等高线、海拔用非常克制的低对比分层着色，区块边缘用细实线收边，像地形图的图廓；无渐变、无发光、无网格背景。","palette":"制图学配色：纸底 #f5f1e6、墨线 #21262e、等高线藏青 #2f5d62、等高线橄榄 #7c8a5a、海拔深 #16323b、哨卡警戒橙红 #c4452a。","typography":"无衬线工程标题（几何感，如 Space Grotesk 类）+ 等宽模块编号与路点标签（mono），正文用高可读无衬线；英文与中文都保持自然密度。","desktopComposition":"桌面为横向大片幅：左侧等高线地图做固定主视觉，跨屏贯穿的脊线路径横向推进，模块路点沿脊线分布，右侧/下方各节以图廓卡片呈现；海拔哨卡与 quiz 测标旗形成路径上的触发点。","mobileTransformation":"等高线曲线在手机纵向被压扁为逐层堆叠的等高线条带，上升脊线折为纵向登顶轨迹；模块路点收拢为可点开的纵向列表，图廓卡片变满宽单列，垂直滚动即沿海拔上升。","mediaStrategy":"无本地素材，删除媒体区；以等高线曲线、带编号路点与测标旗构成标志视觉，不伪造任何产品截图。数字（7 模块 / 473 题 / 268 模板 / 28 CVE / 655 恶意技能）由排版呈现。","forbiddenPatterns":["营销 Hero + 三卡指标墙","浏览器/终端/编辑器壳与假功能卡片","发光网格、渐变光晕或粒子背景"],"compositionFingerprint":"地形等高线 + 上升脊线的渐进登顶构图，带编号模块路点与 quiz 测标旗散布于等高线之上。"},{"id":"direction-orbit-loop","name":"轨道回路：代理工作流","projectMetaphor":"把 Claude Code 当作一个持续运转的 agentic 回路，Hooks、Skills、MCP 工具围绕核心以轨道方式循环供能，进阶则是让这个回路跑得更稳、更安全、更可控。","signatureVisual":"一组同心轨道环，核心为『代理回路』节点，Hooks、Skills、MCP 工具、Templates 以小型圆盘沿轨道环绕；quiz 校验作为轨道上的一道闸门，安全数据库作为回路外的警戒环。","heroGeometry":"同心椭圆/圆环轨道系统，核心居中，外轨圆盘节点绕行，一条切向控制线表征工作流的触发与校验。","sectionSequence":["orbit-hero","agentic-workflow","tool-hub","hooks-skills","validation-gate","mcp-integration"],"surfaceModel":"深色场模型：几乎无起伏的暗底平面，仅用细轨道线与节点圆盘承载信息；弱化反射与发光，节点间的连线承担关系，区块用分隔细线而非阴影。","palette":"深场控制台配色：深底 #101318、墨白 #e8e6e1、轨道藏青 #3b6fdb、节点青 #2fb3a6、警戒橙 #f2a03d、提示黄绿 #b9d15a。","typography":"工程等宽标题与节点标签（mono 主导），正文清晰无衬线；轨道环位置编号用等宽数字。","desktopComposition":"桌面以大圆环轨道占据 hero 与贯穿，核心居中、四类能力圆盘环绕；各节围绕轨道环以径向/列布局展开工具、hooks、skills 与 MCP 之间的关系。","mobileTransformation":"同心圆环在手机被展平为一条横向轨道带，节点圆盘沿线排布、核心在上方；纵向滚动时轨道带切换为纵向循环队列，关系以连线在行间表达。","mediaStrategy":"无本地素材，删除媒体区；以轨道环与节点圆盘渲染 agentic 回路的构成关系，不伪造产品截图，不加载远程运行时图片。","forbiddenPatterns":["终端/编辑器命令行外壳","三卡指标墙或功能卡片墙","装饰性旋转光晕与粒子特效"],"compositionFingerprint":"同心轨道回路 + 环绕能力圆盘的构图，核心代理回路居中、工具节点沿轨道分布。"},{"id":"direction-lattice-network","name":"节点网格：资源经纬","projectMetaphor":"把这份指南当作一张资源经纬网：学习节点、MCP 服务器、模板与安全信号彼此互联，遍历整张网即是掌握 Claude Code 的地图，安全数据库中每一格都是一处需绕行的警戒区。","signatureVisual":"一张正交的节点-连线格网：每个节点是一格资源（模块、模板、工具、恶意信号），连线表示依赖与路径；安全格以警戒色标出，quiz 校验格位于行进路径的必经交叉点。","heroGeometry":"正交节点格网（点阵与横纵连线的正交拓扑），一条加粗的行进路径贯穿格网，路径在其中若干个节点停留。","sectionSequence":["lattice-hero","ecosystem-map","pathway-graph","template-grid","security-lattice","quiz-junction"],"surfaceModel":"格点图面模型：统一网格呼吸感强的浅底，节点为色块格，连线为直交折线；警戒区用低饱和底色格网，区块以格距与连线分区，无阴影无光晕。","palette":"信息图配色：浅底 #f7f8f4、墨 #23262c、格点藏蓝 #3366cc、行进路径橙 #e8873a、资源格 #7a97c4、警戒格 #d95743。","typography":"清朗无衬线正文 + 等宽节点标签；行进路径标注用 geo 风格度量单位（如模块 01–07）。","desktopComposition":"桌面为整页信息图：正交格网作为全场底结构，行进路径横向贯穿，模板网格、安全格网、quiz 交叉点沿路径分节展开，关系以折线连接。","mobileTransformation":"整张格网在手机被裁切为纵向行进路径列，节点格沿路径垂直排布；模板/安全/quiz 收拢为可展开格区，连线上折现细化为行间分隔。","mediaStrategy":"无本地素材，删除媒体区；以正交节点-连线格网承载资源与安全信号，不伪造截图、不加载远程图片。","forbiddenPatterns":["功能卡片墙体相（可被任何项目套用）","假搜索/开关/输入/图表控件","发光网格或粒子作为背景替身"],"compositionFingerprint":"正交节点-连线资源格网 + 贯穿行进路径的构图，模板/安全/quiz 以不同格色与路径交汇表现。"}],"selectedDirectionId":"direction-contour-ascent","selectionRationale":"三方向均紧密贴合事实。Orbit 侧重视觉地表达 agentic 工作流工具机制，但该仓库本质是教育性学习资源（summary 归类 tutorials_courses），其最强机制是『7 模块渐进路径 + quiz 校验 + 安全数据库』的掌握过程；Lattice 擅长表达资源网络却弱化了自主进阶与校验的核心叙事。Contour 用『海拔=学习深度』同时承载了渐进登顶、quiz 测标旗校验、作为峰顶哨卡的安全守护，与本地化文案（7 模块 8–11 小时从入门到高级）一一对应，且无本地素材时仍能仅凭制图学等高线 + 编号路点构成强标志视觉，最稳地避开了营销 Hero、指标卡墙、外壳与发光网格等禁项，故选定。"},"designBrief":{"schemaVersion":"dodot-design-brief-v1","selectedDirectionId":"direction-contour-ascent","projectMetaphor":"把 Claude Code 的庞大知识面（430K+ 行）当作一片需要攀登的复杂地景，学习进阶被表现为地形等高线的海拔上升——越深处越深入，初学者在地图上找到一条登山脊线，进阶者在高处看到安全与生产的地形。","signatureVisual":"一组嵌套的等高线曲线向一处峰顶收敛，一条上升的脊线路径穿过曲线，路径上散布带编号的模块路点（01 基础 → 07 生产），quiz 以等高线旁的测标旗标记，安全数据库作为峰顶前最后一道高海拔哨卡。","compositionFingerprint":"地形等高线 + 上升脊线的渐进登顶构图，带编号模块路点与 quiz 测标旗散布于等高线之上。","heroGeometry":"多组同心的地形等高线曲线（细线环层），在线圈中某个点叠加一条切线式的上升脊线，脊线顶点悬浮主标题，形成『地图上的登山线路』而非平面格子。","sectionSequence":["contour-ascent-hero","seven-module-path","knowledge-validation","template-lockbox","security-guardrail","tools-integration"],"surfaceModel":"制图纸面模型：米白纸底、发丝级等高线、海拔用非常克制的低对比分层着色，区块边缘用细实线收边，像地形图的图廓；无渐变、无发光、无网格背景。","palette":"制图学配色：纸底 #f5f1e6、墨线 #21262e、等高线藏青 #2f5d62、等高线橄榄 #7c8a5a、海拔深 #16323b、哨卡警戒橙红 #c4452a。","typography":"无衬线工程标题（几何感，如 Space Grotesk 类）+ 等宽模块编号与路点标签（mono），正文用高可读无衬线；英文与中文都保持自然密度。","desktopComposition":"桌面为横向大片幅：左侧等高线地图做固定主视觉，跨屏贯穿的脊线路径横向推进，模块路点沿脊线分布，右侧/下方各节以图廓卡片呈现；海拔哨卡与 quiz 测标旗形成路径上的触发点。","mobileTransformation":"等高线曲线在手机纵向被压扁为逐层堆叠的等高线条带，上升脊线折为纵向登顶轨迹；模块路点收拢为可点开的纵向列表，图廓卡片变满宽单列，垂直滚动即沿海拔上升。","mediaStrategy":"无本地素材，删除媒体区；以等高线曲线、带编号路点与测标旗构成标志视觉，不伪造任何产品截图。数字（7 模块 / 473 题 / 268 模板 / 28 CVE / 655 恶意技能）由排版呈现。","evidencePlan":["用 7 模块学习路径（入门到高级、8–11 小时）支撑 ``seven-module-path`` 节：呈现 01 基础 → 07 生产的等宽带编号登顶路点。","用 473 道测验题支撑 ``knowledge-validation`` 节：quiz 以等高线测标旗形式呈现校验关口。","用 268 个模板支撑 ``template-lockbox`` 节：以图廓格排布的模板资源，不伪造模板内容截图。","用安全威胁数据库（28 个 CVE、655 个恶意技能）支撑 ``security-guardrail`` 节：作为峰顶前的高海拔哨卡。","用 MCP 服务器（17 工具、13 斜杠命令）与离线 PDF/EPUB（约 700 页）支撑 ``tools-integration`` 节：呈现接入与离线通道。"],"localeContract":{"zh-CN":"标题传达『系统掌握 Claude Code 的渐进路径』；正文覆盖 7 模块学习路径、473 道测验、268 个模板、安全威胁数据库（28 个 CVE、655 个恶意技能）与 MCP 接入、离线 PDF/EPUB 约 700 页；品牌『Claude Code』与专名保留原文。","en":"Headline conveys a progressive path to mastering Claude Code; body covers the 7-module learning path, 473-question quiz, 268 templates, security threat database (28 CVEs, 655 malicious skills), MCP integration, and ~700-page offline PDF/EPUB; brand term 'Claude Code' retained as-is."},"forbiddenPatterns":["营销 Hero + 三卡指标墙","浏览器/终端/编辑器壳与假功能卡片","发光网格、渐变光晕或粒子背景","假搜索/开关/输入/图表控件"],"historicalReuse":{"sourceAssetId":"HEAD:deepseek-v2/florianbruniaux-claude-code-ultimate-guide","decision":"rebuild","rationale":"历史产物的纵向『章节脊柱 + 两侧交替节点』构图不适合本方向以渐进登顶与 quiz 校验为核心的机制表达；其文案与代码均为不可信隔离资产，仅其『让章节/模块以编号节点沿一条主视觉推进』的做法中有价值的组织思路，但本方向改用等高线地形 + 上升脊线重建，路径与校验叙事更贴合 7 模块渐进与 quiz 关卡证据。","reusedElements":["以带编号的模块节点作为主要学习单元的铺排思路","一处贯穿全页、承载递进感的主视觉（由原纵向脊柱重建为等高线与上升脊线）"],"discardedElements":["纵向脊柱主线 + 两侧交替展开的原构图","高亮条标注进度的进度条样式","原配色（#fbfaf6 / #4c3f86 / #f0e13b）与系统衬线标题策略","历史产物中的所有文案与组件代码"]}},"visualReview":{"schemaVersion":"dodot-automated-design-review-v1","status":"approved","summary":"源码忠实实现了所选 direction-contour-ascent：hero 以同心等高线收敛峰顶 + 上升脊线 + 编号路点 01→07 + quiz 测标旗构成专属标志视觉，六个章节与 brief 的 sectionSequence 逐一对应；所有数字（7 模块/8–11h、473 测验、268 模板、28 CVE、655 恶意技能、17 工具/13 斜杠命令、约 700 页）均有 material.json 事实依据；palette 与制图纸面模型一致，无发光网格/渐变/设备壳/假控件，非通用 Hero 或三卡卡片墙。双语结构等价且自然。仅在两个非阻断处存在轻微偏差：hero 主标题 h1 未挂载 .hero-title 类以致衬线大标题排版未生效，及手机端点仅等比缩放等高线 SVG 而非按 brief 摺为纵向登顶轨迹。","checks":{"projectFit":{"passed":true,"evidence":"六个 data-dodot-section 依序为 contour-ascent-hero / seven-module-path / knowledge-validation / template-lockbox / security-guardrail / tools-integration，与 design-brief.json sectionSequence 完全一致；视觉概念（海拔=学习深度）、叙事弧（学习路径→章节体系→quiz 校验→集成/安全→章节地图）与 localizations 对应。h1Count=1, sectionCount=6 由 qa-report 印证。"},"evidenceBound":{"passed":true,"evidence":"473 道测验题、7 模块 8–11 小时学习路径、268 模板、28 CVE、655 恶意技能、MCP 经 npx 安装含 17 工具与 13 斜杠命令、离线 PDF/EPUB 约 700 页、430K+ 行，均直接取自 material.json summary/localizations/description/readme；模板节另加的 167 资源评估与 48 张 Mermaid 图解同样见于 readme headings（167 Resource Evaluations / 48 Mermaid Diagrams）。无无据数字。"},"signatureVisual":{"passed":true,"evidence":"hero-map SVG 实绘多组同心嵌套等高线（橄榄/藏青/深色分层 opacity 递增）向峰顶收敛，一条加粗脊线（#21262e）贯穿，路径上散布 01 基础→07 生产带编号路点，quiz 以橙红 polygon 测标旗插于脊线上，07 生产为峰顶哨卡色节点；与 brief signatureVisual『嵌套等高线+上升脊线+编号模块路点+quiz 测标旗+安全哨卡』一一对应。"},"mobileTransformation":{"passed":true,"evidence":"max-width:820px 媒体查询将 val-grid/guard-row/tools-row/template-grid 收为 1fr 单列，module 改为 flex-wrap 纵向堆叠（module-desc、module-hours 占满全行），framed 卡片满宽单列，符合 brief『卡片变满宽单列、路点收拢为纵向列表』。mobile 视口 scrollWidth=390=clientWidth，无横向溢出，qa-report 通过。"},"localeParity":{"passed":true,"evidence":"zh-CN 与 en 均含同一 6 章节顺序与内容结构；工厂文案、quiz 校验、模板、安全、工具与离线节在两语言一一对应且自然，仅 en body font 栈移除中文回退字型属合理差异；品牌『Claude Code』/MCP/npx 专名保留原文。en textLength 3320 对 zh 1421 为自然语言密度差异。"},"antiTemplate":{"passed":true,"evidence":"构图由制图学等高线 + 上升脊线的 bespoke 主视觉驱动，非通用营销 Hero/三卡指标墙/卡片墙；surfaceModel 为米白纸底 + 发丝级细线 + 低对比分层着色 + 图廓细实线收边，palette 精确使用 brief 六色（#f5f1e6/#21262e/#2f5d62/#7c8a5a/#16323b/#c4452a），无发光渐变、无粒子、无网格背景，符合 forbiddenPatterns。"},"noFakeUi":{"passed":true,"evidence":"canvas 中无假搜索/开关/输入/图表控件；仅两个链接指向真实 URL（https://cc.bruniaux.com/ 与 GitHub 仓库），qa-report 两端点 fakeControlCount=0、mediaStrategy 无本地素材且不伪造产品截图；数字均由排版呈现。"}},"issues":[{"code":"TITLE_CLASS_MISSING","severity":"warning","locale":"all","description":"两个语言版本 hero 的主标题均写作裸的

，未挂载 CSS 中已定义的 .hero-title 类；.hero-title 的衬线大标题、clamp 字号与 -0.02em 字距规则因此不会生效，主标题会回退到 body 默认无衬线字型与浏览器默认 h1 尺寸，偏离 brief 的『无衬线工程标题/最高层级大标题』排版策略。","repairInstruction":"在 zh-CN.html 与 en.html 的 hero 主标题 h1 上补充 class=\"hero-title\"（即

…

），使衬线大标题排版生效；若需保留朴素 h1 则据实调整。"},{"code":"MOBILE_SIGNATURE_AS_IS","severity":"warning","locale":"all","description":"brief mobileTransformation 要求等高线在手机被压扁为逐层堆叠的等高线条带、上升脊线折为纵向登顶轨迹；现状 hero-map SVG 在移动端仅做等宽等比缩放（width:100%; height:auto），等高线与脊线仍是横向宽幅构图，未真正重构为纵向条带/登顶轨迹，路点与 quiz 标签在窄屏下会被等比缩小、可读性下降。","repairInstruction":"可选（非阻断）：为移动端点增设媒体查询，将 hero 视野切换为纵向等高线条带/脊线轨迹构图，或对 SVG 内的编号与测标旗标签提高可读性；至少在摘要中据实标注该差异。"}]},"repairEvidence":[],"provenance":{"executor":"opencode","model":"deepseek/deepseek-v4-flash","opencodeVersion":"1.1.58","promptVersion":"dodot-showcase-deepseek-v4","inputHash":"9f6e978944301c4826733ec2b15f949e27333c2664c4a2ba68956be00ffcf338","artifactHash":"d0d3bb33b075cfb48e81d99f62fad532bab139ad42d5420b5158686bbd7547d0","designSkill":"dodot-showcase-design","historicalSeed":{"source":"git_head","sourceCanonicalKey":"github:florianbruniaux/claude-code-ultimate-guide","assetId":"HEAD:deepseek-v2/florianbruniaux-claude-code-ultimate-guide","sourceSchemaVersion":"v1","sourceGeneratorVersion":"anthropic:claude-fable-5","sourceArtifactHash":"bcee9396d487e46dc6cb78c6c640c438ef7bdf474be4e99024db17d8a60f112c","disposition":"repair_or_regenerate","seedPayloadHash":"a9e9da773320ab6ec1e81d6da7e615eb63f9f48a2116d57e9956a04624b48b71"}},"qaEvidence":{"zh-CN":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":5,"sectionCount":6,"textLength":1421,"cjkCount":731,"latinLetterCount":322,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":4180,"h1Top":419.65625,"bottomInset":226.5625,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"855fecf6fd86f69e8c708bc40ebdc7ad7525de0dac0cb75b63bacd27f3446372","middle":"88c3a37a5c44fc7cd1edd0810cb734b9a15760645c9d5eeff0e7771d44606b9b","bottom":"0ddbd63232e1244c5ff50aed0f5025f692addd6429d69263dcf0d6451205fb79"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":5,"sectionCount":6,"textLength":1421,"cjkCount":731,"latinLetterCount":322,"scrollWidth":390,"clientWidth":390,"scrollHeight":5364,"h1Top":200.375,"bottomInset":257.078125,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"a3687ecf8082110a37ca67ce401db5afc4178ef411ef26181b3bf5c303ad22c3","middle":"e7f35750a1186c68851c64dbdd06b8b3bd383c484f7a566330ed601f78e089ba","bottom":"57c53a19932cb06f71e771a0d5102d34a745a0c2328aec186d48f91c5a2881ad"},"consoleErrors":[],"networkRequests":[]}],"en":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":5,"sectionCount":6,"textLength":3320,"cjkCount":0,"latinLetterCount":2615,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":4576,"h1Top":433.65625,"bottomInset":226.0625,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"ca39a9adce6de1a1ea06bf65b0914f540430c836a059583b2b07d8b1d2098a67","middle":"5b98b9799ea1a866d50321d929bed2831fe482f25d5cbc1e7e8659473fb9e726","bottom":"2e1207a9b980bda4d329cbef023d9d7ea953e9fbe0a51706d2837cda3e92fae3"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":5,"sectionCount":6,"textLength":3320,"cjkCount":0,"latinLetterCount":2615,"scrollWidth":390,"clientWidth":390,"scrollHeight":6269,"h1Top":234.59375,"bottomInset":287.234375,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"c31ea5c0e681514a46608523c9a7f1265df468a0afdd3cb411425a8ab25c21cb","middle":"1e46d73af60fd50f97ea5d4ae313ad8cebd531cb176d3b191b16dd7777627ebd","bottom":"96b4c774f375d19f4fcc50195b2bea6f77c4b80a382e88ce87c510e563982f2c"},"consoleErrors":[],"networkRequests":[]}]}},"generatorVersion":"opencode-1.1.58:deepseek/deepseek-v4-flash:dodot-showcase-deepseek-v4","publishedAt":"2026-08-20T13:05:38.247Z"},"rawExtraction":{"projectRevisionId":"cmt2zh04900ln6271p70mn5vj","projectVersion":1,"sources":[{"canonicalKey":"github:florianbruniaux/claude-code-ultimate-guide","role":"primary","revisionVersion":1,"url":"https://github.com/FlorianBruniaux/claude-code-ultimate-guide"}],"facts":[{"key":"repository_owner","value":"florianbruniaux","evidence":[{"path":"repository.owner","excerpt":"florianbruniaux"}]},{"key":"repository_name","value":"claude-code-ultimate-guide","evidence":[{"path":"repository.name","excerpt":"claude-code-ultimate-guide"}]},{"key":"description","value":"The most comprehensive Claude Code guide: agentic workflows, hooks, skills, MCP servers, quizzes, and production-ready templates. 430K+ lines.","evidence":[{"path":"repository.description","excerpt":"The most comprehensive Claude Code guide: agentic workflows, hooks, skills, MCP servers, quizzes, and production-ready templates. 430K+ lines."}]},{"key":"primary_language","value":"Python","evidence":[{"path":"repository.language","excerpt":"Python"}]},{"key":"license","value":"CC-BY-SA-4.0","evidence":[{"path":"repository.license","excerpt":"CC-BY-SA-4.0"}]},{"key":"topics","value":"agentic-coding, ai-assistant, ai-coding, ai-pair-programming, ai-security, anthropic, best-practices, claude, claude-code, claude-code-guide, claude-code-tutorial, cli-tool, coding-assistant, cursor-alternative, developer-tools, llm, mcp-servers, prompt-engineering, tutorial, vibe-coding","evidence":[{"path":"repository.topics","excerpt":"agentic-coding, ai-assistant, ai-coding, ai-pair-programming, ai-security, anthropic, best-practices, claude, claude-code, claude-code-guide, claude-code-tutorial, cli-tool, coding-assistant, cursor-alternative, developer-tools, llm, mcp-servers, prompt-engineering, tutorial, vibe-coding"}]},{"key":"source_count","value":"1","evidence":[{"path":"projectRevision.sources","excerpt":"github:florianbruniaux/claude-code-ultimate-guide"}]}],"taxonomy":{"category":"development_tools","subcategory":"data_ai_tools","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"The most comprehensive Claude Code guide: agentic workflows, hooks, skills, MCP servers, quizzes, and production-ready templates. 430K+ lines."}]},"lifecycle":{"stage":"prototype","confidence":0.65,"evidence":[{"path":"readmeExcerpt","excerpt":"# Claude Code Ultimate Guide

$\"Website\"/$