claude-skills 案例复盘：Threshold 参考构建如何四步从空白简报走到上线审计站点

想弄清Claude Skills到底能不能支撑一个完整建站项目？claude-skills 开源技能库给出的答案是 Threshold——一个虚构的 B2B SaaS 产品，从空白简报出发，经 4 个阶段完成品牌设计、Next.js 微站构建，并跑通真实的SEO 与无障碍审计。研究数据、品牌系统、上线代码和审计结论全部真实，它是理解"技能如何组合成端到端建站工作流"的最佳入门案例。

为什么需要"参考构建"（Reference Build）？

技能库再大，新手最关心的还是一个问题：这些技能串起来到底能不能干完活？单看 100 多个技能文件是抽象的，但一个从 0 到上线的完整案例是直观的。

Threshold 就是这个"教程式产物"：产品是虚构的，但方法论是真实的。用官方的一句话总结——"Threshold is fictional. The methodology is not."（产品是假的，方法论不是）。

四阶段拆解如下，每一阶段对应技能库中不同的技能分组。

阶段一：策略与研究——用真实 SEO 数据喂一份虚构简报

参考构建的第一步不是画界面，而是做关键词研究。这一阶段调用了 SEO 技能组：

• 用真实 Ahrefs 数据做关键词挖掘与意图分类（skills/seo-keyword/SKILL.md）
• 对竞品做 SERP 重叠与内容缺口分析（skills/seo-competitor/SKILL.md）
• 输出内容缺口审计与外链机会地图（skills/seo-content-gap-audit/SKILL.md）

对新手来说这一步最有启发性：一个"不存在的产品"，照样要回答"用户搜什么、竞品缺什么内容"。研究结论直接决定了后续简报里该强调的卖点和页面结构。

阶段二：品牌与设计——四轴框架 + 简报选择器产出可落地 Token

进入品牌阶段后，核心是三个技能的协作：

1. creative-direction：用"语气、美学、关系、感官"四轴框架定位品牌风格，产出 16 种定位组合（skills/creative-direction/SKILL.md）
2. creative-brief-selector：把定位落成一份具体的创意简报——不是抽象的"品牌感觉"，而是明确的配色、字体、版式 token，并附带"发散检查"（divergence check）避免与已有作品撞脸（skills/creative-brief-selector/SKILL.md）
3. brand-archetype-system+brand-identity：12 种品牌原型提供配色与语气起点，最终转成可用的品牌系统与组件（skills/brand-identity/SKILL.md）

简报模板与五步流程都有现成参考文件，照着走即可：references/01-process.md、references/02-brief-template.md。

阶段三：构建与上线——Next.js 微站带着"演示横幅"上线

品牌基础打好后，用 Next.js 构建发布微站，几个工程细节值得新手注意：

• 跨路由引用 Phase 2 的品牌 token，而不是在页面里硬编码颜色字号
• 顶部有常驻演示横幅，明确告知访客这是虚构产品
• 站点加noindex，waitlist 表单只存本地、不落数据
• 对比表格、漏斗图、分群对比等数据可视化全部内联渲染

这套做法回答了一个常见困惑：用 AI 技能产出的东西，交付时如何做到诚实且可审计？演示声明 + 不索引 + 无数据存储，三招齐下。

阶段四：审计与优化——技能库审计自己的产出

这是整个案例最"硬核"的一环，也是标题里"上线审计站点"的含义：站点部署后，用仓库自带的审计技能组对它做真实审计——

• 无障碍审计：axe-core 扫描 + WCAG 快速对照清单（skills/accessibility-audit/SKILL.md）
• 性能审计：Lighthouse 评分
• 技术 SEO 审计：爬取性、索引性、渲染与 Schema（skills/seo-technical/SKILL.md）

关键纪律：每个发现都带严重级别，修复后记录真实的前后对比指标，而不是"感觉变好了"。审计技能组总入口见 skills/seo-audit-orchestration/SKILL.md，完整套件介绍见 README.md 的 "Reference build in action" 章节。

为什么是虚构产品？对新手意味着什么 🧩

官方解释很实际：真实客户作品无法开源；而"虚构产品 + 真实研究 + 真实代码 + 真实审计结论"，恰好构成一个可公开的教学样例，展示方法论的同时不虚构任何客户关系。

对想复现这个流程的新手，三条可直接抄走的经验：

技能之间的组合逻辑（谁引用谁、何时该换哪个技能）在 MAPPING.md 中有完整说明；如果你想把这套思路迁移到自己的团队流程，STARTER-KIT.md 提供了"冷运行验证"的工作流模板方法。

快速上手：三步复现 Threshold 式流程

1. 获取技能库：在 Claude Code 中通过插件市场安装（命令见 README.md 的 "Install in Claude Code" 部分），或直接把skills/下的技能文件夹放入~/.claude/skills/
2. 喂一份空白简报：产品名、行业、一句话定位即可，从creative-brief-selector开始跑
3. 按阶段推进：研究 → 简报 → 构建 → 审计，每个阶段的产出物都是下一阶段的输入，全部落在 markdown 文件里，过程可追溯

一句话复盘：Threshold 的价值不在于那个虚构站点本身，而在于它证明了 107 个技能不是孤立文档，而是一套从空白简报到上线审计的连贯流水线。看懂这个案例，你就拿到了整个技能库的使用地图。