sky-skills is a repository of Claude Code skills — nine page-design aesthetics, a four-gate review harness, and a bench of working tools. This demo tells the repo's own story in glass-design, the fifth of its nine voices. sky-skills 是一个 Claude Code 技能仓库——九种页面设计美学、一套四道检查的审查体系，外加一排干活的工具。这页 demo 用仓库九种声音里的第五种 glass-design，讲它自己的故事。
git clone to a rendered page从 git clone 到渲染出第一页
Each skill is a self-contained directory: SKILL.md for the contract, references for the craft, assets for the CSS, templates to copy from. No registry, no build — delete the folder and it's gone. 每个技能都是一个自带全部家当的目录：SKILL.md 写契约，references 放工艺文档，assets 放 CSS，templates 给你直接复制。没有注册表、没有构建——删掉文件夹，它就消失了。
Anatomy of a skill解剖一个技能Every SKILL.md carries TRIGGER keywords in its frontmatter. Say "liquid glass" and this skill loads itself — its tokens, its canon, its gates — without a single manual import. 每份 SKILL.md 的 frontmatter 里都写着 TRIGGER 关键词。你说出 liquid glass，这个技能就自己加载进来——它的 token、它的范本、它的检查——不需要任何手动引入。
What is a skill什么是技能Nine design skills generate pages; design-review judges them — structure, rendered audit, screenshots, then an LLM critic. A page that fails any gate is a page that doesn't ship. 九个设计技能负责生成页面，design-review 负责评判——结构检查、渲染审计、截图、再加一个 LLM 评审。任何一道检查不过，页面就不算完成。
The four gates四道检查| Skill技能 | Kind类型 | What it does用途 |
|---|---|---|
| anthropic-design | generator | Warm editorial pages — cream, serif, orange pills温暖编辑感页面——米色、衬线、橙色按钮 |
| apple-design | generator | Pale minimal product pages, SF-style geometry浅白极简产品页，SF 式几何 |
| ember-design | generator | Handcraft warmth — chocolate, gold, Fraunces手作暖意——巧克力色、金色、Fraunces |
| sage-design | generator | Quiet Nordic editorial — rice paper and sage green安静的北欧编辑感——宣纸白与鼠尾草绿 |
| glass-designthis page本页 | generator | Liquid glass — aurora field, frosted panels, freezable motion液态玻璃——光晕背景、毛玻璃面板、可冻结动画 |
| design-planner | planner | Plans a page before any generator touches it在生成器动手之前先做页面规划 |
| design-review | evaluator | The four gates plus the known-bugs ledger四道检查，外加已知问题台账 |
| doc-review-loop | evaluator | Iterates documents against a reviewer until clean让文档对着评审意见迭代到干净为止 |
| linux-kernel-dev | domain | Kernel modules, drivers, checkpatch, DT bindings内核模块、驱动、checkpatch、设备树绑定 |
| doc-to-markdown | converter | PDF / DOCX into clean Markdown with imagesPDF / DOCX 转成干净的 Markdown 和图片 |
| md-to-pdf | converter | Markdown into PDF with bookmarks and CJKMarkdown 转 PDF，带书签和中文支持 |
| wechat-video-publisher | pipeline | TTS, Playwright and ffmpeg in one publishing runTTS、Playwright、ffmpeg 串成一次发布 |
| gated-dual-clone | git | The 2/3-clone git topology with safety gates带安全检查的 2/3 克隆 git 拓扑 |
| gated-dual-clone-audit | git | Audits that topology before anything is pushed在任何推送之前审计这套拓扑 |
Code architecture, an SoC block and a three-remote git flow — the same trio every sibling demo draws, here in dark glass: nodes are panels, lines are hairlines, cyan is where the energy goes. 代码架构、SoC 框图、三远端 git 协作——每个姊妹 demo 都画的同一组图，这里换成暗玻璃语言：节点是面板，线是发丝线，cyan 指向能量去的地方。
Every bug we hit becomes a gate, so the same bug never ships twice. 踩过的每个坑都变成一道检查——同一个坑不会发布第二次。— the repo's working rule · sky-skills harness —— 仓库的工作守则 · sky-skills 审查体系
The nine generators carry strong opinions, so the judges are deliberately mechanical. Four mechanical gates and one critic stand between any page and the public directory — and this very page just went through them all. 九个生成器都带着明确的审美立场，所以评审刻意做成机械的。任何页面和公开目录之间隔着四道机械检查和一位评审——你正在看的这页也刚刚全部过完。
Placeholders, undefined classes, bilingual coverage, full-width punctuation — caught before a browser ever opens. 占位符、未定义的 class、双语覆盖、全角标点——浏览器还没打开就先拦下。
Playwright renders the page and measures it: WCAG contrast, diagram sizing, hollow cards, brand presence. Glass pages run twice — dark and light. Playwright 渲染页面后逐项测量：WCAG 对比度、图示尺寸、空心卡、品牌占比。glass 页面要跑两遍——dark 和 light。
Full-page screenshots in both themes, reviewed before any commit. Taste the scripts can't measure, a person still can. 全页截图、双主题，提交前必看。脚本量不出来的品位，人看得出来。
An LLM critic scores composition, brand, copy and craft. Below 88, the issues feed the next round instead of the repo. LLM 评审给构图、品牌、文案、工艺打分。低于 88 分，意见进下一轮，页面进不了仓库。
Clone once, symlink anywhere. Claude activates a skill only when your prompt hits its TRIGGER words — installing all 22 costs nothing until you ask. 克隆一次，到处符号链接。只有提示词命中 TRIGGER 词，Claude 才会激活对应技能——把 22 个全装上，不开口就没有任何成本。
# clone once, symlink anywhere
git clone https://github.com/TbusOS/sky-skills.git
ln -s "$(pwd)/sky-skills/skills/glass-design" \
your-project/.claude/skills/glass-designThis page is the same story told by the apple, anthropic, ember and sage demos — same repo, same three diagrams, a fifth voice. 这页和 apple、anthropic、ember、sage 四个 demo 讲的是同一个故事——同一个仓库、同一组三张图，只是换了第五种声音。