New A fourth design skill — sage-design — brings quiet Nordic restraint.第四个设计技能 —— sage-design —— 带来安静的北欧式克制。 Read the story读背后的故事
Quiet · Nordic · Editorial安静 · 北欧 · 编辑感

Your pages,
unhurried.
你的页面,
不慌不忙。

A drop-in aesthetic of rice-paper cream, sage green, and deep indigo — Instrument Serif display, Inter body, and the generous negative space of a Muji catalogue or a Kinfolk spread. For reading apps, botanical studios, quiet tech brands, and modern journals. 一套即放即用的美学:宣纸般的米白、鼠尾草绿、深靛蓝 —— Instrument Serif 标题、Inter 正文,加上 Muji 目录或 Kinfolk 杂志那样慷慨的留白。适合阅读应用、植物工作室、安静的科技品牌和现代期刊。

Install in 60 seconds60 秒装好 Read the story读背后的故事
Aa SPECIMEN · 01 Quiet, please. Instrument Serif display + Inter body · 4px grid. EST. 2026 · MIT 02 · METHOD How a skill lands. 1   write a SKILL.md 2   list TRIGGER keywords 3   ship templates + CSS 4   Claude auto-activates DROP IN · SHIP sage 01 · CREAM 02 · SAGE 03 · INDIGO 9 aesthetics · quiet · Nordic · considered ·
4 distinct brand aesthetics, each as a drop-in stylesheet种各自独立的品牌美学,每种都是一份即放即用的样式表
0 build steps — HTML, CSS, SVG, nothing else个构建步骤 —— 只有 HTML、CSS、SVG,再无其他
60s from git clone to rendered pagegit clone 到渲染好的页面
Philosophy理念

Not every page wants to shout.不是每张页面都想大声说话。

Apple’s crispness and Anthropic’s editorial warmth cover a lot of ground. Ember adds the handcraft lane. But there’s still a room left unlit: the quiet one. The reading app. The botanical studio. The modern journal that wants generous margins and no fireworks. The software brand that trusts the user to come closer rather than waving to catch attention. Apple 的利落和 Anthropic 的编辑式温度已经覆盖了大半场景,Ember 又补上了手工质感这一路。但还有一间屋子没点灯:安静的那间。阅读应用。植物工作室。想要宽大页边距、不要烟花的现代期刊。相信用户会自己走近、而不是挥手揽客的软件品牌。

sage-design is that room. Rice-paper cream. Sage green accents that feel like a houseplant on a shelf, not a highlight marker. Deep indigo for display. Instrument Serif italic for the headline, Inter for everything you actually read. Generous negative space between ideas. It is restrained on purpose — because confidence doesn’t need volume. sage-design 就是那间屋子。宣纸米白。鼠尾草绿做点缀,像架子上的一盆绿植,而不是荧光笔。深靛蓝负责标题展示。大标题用 Instrument Serif 斜体,真正要读的内容全用 Inter。想法与想法之间留足空白。它的克制是有意的 —— 因为自信不需要音量。

The best interfaces don’t announce themselves. They feel like a room you’ve been in before. 最好的界面不会自报家门。它们像一间你曾经待过的屋子。

sky — maintainersky —— 维护者


This page is the same story told by apple-design, anthropic-design, ember-design and glass-design — rendered in the sage voice. Same words; a quieter room. 这页和 apple-designanthropic-designember-designglass-design 讲的是同一个故事 —— 只是换了 sage 的声音。同样的话,更安静的屋子。

Lineup阵容

23 skills. One posture.23 个技能,一种姿态。

One job, done carefully. From kernel modules to design aesthetics — each folder is self-contained and auto-loads only when its TRIGGER matches your prompt. 一件事,做仔细。从内核模块到设计美学 —— 每个文件夹都自成一体,只在你的提示词命中 TRIGGER 时自动加载。

Diagrams图集

Built with intention.每一张都有用意。

Six diagrams that ship with sage — lifecycle, folder tree, install timeline, code architecture, chip block, and multi-repo flow — all in the same restrained palette. 随 sage 一起交付的六张图 —— 生命周期、目录树、安装时间线、代码架构、芯片框图、多仓协作 —— 全部用同一套克制的配色。

Flow流程

A skill’s lifecycle一个技能的生命周期

How a single skill travels from draft to daily use. Step ③ is the gate: nothing ships before verify.py passes.一个技能如何从草稿走到日常使用。第 步是关卡:verify.py 不过就不发。

1 2 3 4 5 Draft Write Review Ship Use SKILL.md templates/ verify.py commit daily
Structure结构

The skill folder技能文件夹

Everything a skill needs in one place.一个技能需要的一切,都在一处。

sage-design/ 📄 SKILL.md trigger + index references/ design-tokens, dos-donts assets/ sage.css · fonts · tailwind templates/ HTML to copy from prompts/ example-prompts.md
Timeline时间线

Under a minute一分钟之内

From cold start to your first rendered page.从零开始,到你的第一张渲染页面。

0s Clone git clone … 20s Symlink ln -s … 40s Restart Claude picks it up 60s Render your first page done finishing upcoming
Architecture架构

Code architecture · skill-powered app代码架构 · 技能驱动的应用

Four layers — sage for decisions, indigo for the hidden runtime.四层结构 —— 鼠尾草绿标记决策层,靛蓝标记看不见的运行时。

↓ REQUEST · FLOWS · DOWN ↓ 01 · PRESENTATION 02 · APPLICATION 03 · DOMAIN 04 · INFRASTRUCTURE Web React · Vue · Svelte Mobile iOS · Android · RN CLI Claude Code · MCP IDE VS Code · JetBrains user-facing Skill Router match TRIGGER Orchestrator plan · dispatch Tool Gateway Read · Write · Bash Permission Guard allow · deny coordination apple-design anthropic-design ember-design sage-design kernel-dev experts Models Opus · Sonnet · Haiku Filesystem skills/* · .claude/ Network MCP · HTTPS Kernel Linux · Darwin runtime
Silicon芯片

SoC block diagram · sage paletteSoC 框图 · sage 配色

Cores, cache, controllers — the chip that runs your code, quietly.核心、缓存、控制器 —— 安静运行你代码的那块芯片。

P-CLUSTER P0 P1 P2 P3 perf · 3.5GHz perf perf perf L2 · 16 MB shared E-CLUSTER E0 E1 E2 E3 eff · 2.0GHz eff eff eff L2 · 4 MB shared GPU · 10 CORES shared texture cache NEURAL ENGINE 16-core ANE 38 TOPS · int8 MEDIA H.264 · H.265 AV1 decode ProRes RAW MEMORY Controller DRAM 0 · 8GB DRAM 1 · 8GB DRAM 2 · 8GB DRAM 3 · 8GB LPDDR5 · 200 GB/s unified memory INTERCONNECT I/O USB4 PCIe 4 Thunderbolt HDMI WiFi 7 SKY · M-SERIES · CLAUDE-TUNED 5nm · 16-billion transistors · 20 W TDP
Workflow工作流

Multi-repo collaboration flow多仓协作流程

Upstream · working · commit-mirror — three remotes, one quiet workflow.上游 · 工作仓 · 提交镜像 —— 三个远端,一条安静的工作流。

upstream TbusOS/sky-skills · main BRANCHES main protected release/v1 docs working-repo ~/code/sky-skills · laptop dev FEATURE BRANCHES feature/sage-design a1b2c3d · palette + tokens e4f5g6h · hero illustration +612 feature/new-diagrams i7j8k9l · chip arch svg m0n1o2p · multi-repo svg ⎯ HEAD WIP fix/audit-gate q3r4s5t · strengthen visual-audit WORKING TREE M demos/sage-design/index.html ?? shot-*.png M skills/sage-design/assets/sage.css 3 changes · stash available commit-mirror internal/sky-skills-mirror ROLE 📦 mirror of upstream 🔒 signed commits only 📝 rewritten trailers CI · ON PR verify.py passed · 2.3s visual-audit passed · 4.1s Playwright screenshots running… critic.mjs queued publish to mirror queued open PR upstream queued push pull-request rebase cron · hourly mirror sync push · author → mirror PR · mirror → upstream rebase · upstream → author automated mirror sync
Plans方案

Free, for every use.免费,怎么用都免费。

All nine design skills are MIT-licensed. Pick the level of commitment that fits. 九个设计技能都采用 MIT 许可。挑一个适合你的投入程度。

Dip in浅尝

$0

One skill, one project.一个技能,一个项目。

  • Copy a single SKILL.md复制单个 SKILL.md
  • Drop in the CSS放入 CSS 即可
  • No accounts, no telemetry没有账号,没有遥测
Copy a skill复制一个技能
Recommended推荐

Clone克隆

$0

All skills, all projects.全部技能,所有项目。

  • Full repo, symlinked整仓克隆,符号链接接入
  • Auto-updates on git pullgit pull 即自动更新
  • Local tweaks without forking本地微调,无需 fork
Symlink setup符号链接安装

Fork

$0

Build your own voice.做出你自己的声音。

  • Add your own skills加入你自己的技能
  • Contribute upstream向上游贡献
  • MIT — no stringsMIT 许可 —— 没有附加条件
Fork on GitHub在 GitHub 上 Fork
Install安装

One line per skill.每个技能,一行命令。

Either Claude Code’s CLI, or a plain symlink. Skills are just folders — nothing magic. 用 Claude Code 的 CLI,或者一条普通的符号链接。技能就是文件夹 —— 没有魔法。

# via Claude Code
claude install github:TbusOS/sky-skills/skills/sage-design

# or, symlink
git clone https://github.com/TbusOS/sky-skills.git
ln -s "$(pwd)/sky-skills/skills/sage-design" \
  your-project/.claude/skills/sage-design
Five of the nine九种里的五种

Same story. Five rooms.同一个故事,五间屋子。

This page is rendered with sage-design. See how the same content feels in the crisp Apple voice, the warm Anthropic voice, the handcrafted Ember voice, and the luminous liquid-glass voice. 这页由 sage-design 渲染。看看同样的内容在利落的 Apple、温暖的 Anthropic、手作的 Ember,以及发光的液态玻璃 glass 声音里是什么感觉。

See apple-design看 apple-design See anthropic-design看 anthropic-design See ember-design看 ember-design See glass-design看 glass-design