New The third of nine design skills — ember-design — brings handcraft warmth.九个设计技能中的第三个 —— ember-design —— 带来手作的温度。 Read the story阅读故事
Handcraft editorial手作编辑风

Your pages,
rendered with warmth.
你的页面,
带着温度渲染。

A drop-in aesthetic of deep cream, chocolate, and gold — Fraunces display serif, Inter body, an unhurried rhythm. For artisan brands, boutique hotels, literary journals, and anything that should feel crafted. 一套即插即用的美学:深奶油、巧克力与金 —— Fraunces 标题衬线,Inter 正文,从容不迫的节奏。适合手作品牌、精品旅店、文学期刊,以及一切应当有手工感的东西。

Install in 60 seconds60 秒装好 Read the story阅读故事
sky — crafted — EST. 2026 · MIT The method 1. write a SKILL.md 2. list the TRIGGER words 3. ship templates + CSS DROP IN + SHIP ember 9 aesthetics APPLE · ANTHROPIC EMBER · SAGE · +5 · warm · editorial · slow ·
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.不是每个页面都想大声说话。

Tech-company web design tends toward two modes: crisp Apple minimalism or energetic Anthropic warmth. Both are excellent — but they leave out a whole category of brand: the handcraft one. The boutique hotel. The small-batch roaster. The essayist’s independent journal. The perfumery that wants to feel like a letter from 1892. 科技公司的网页设计往往落在两种模式里:利落的 Apple 极简,或是热情的 Anthropic 暖调。两者都很好 —— 却漏掉了一整类品牌:手作的那一类。精品旅店。小批量烘焙的咖啡铺。散文作者的独立期刊。想让人觉得像一封 1892 年来信的香水铺。

ember-design is that third mode. A warm cream page. Chocolate text. A rich brown button that feels like leather. A gold hairline under every link, like gilt on a book. Fraunces for display — a variable serif whose softness axis you can actually dial in. Inter for comfortable reading. It is unhurried on purpose. ember-design 就是那第三种模式。暖奶油色的页面。巧克力色的文字。一颗摸上去像皮革的深棕按钮。每个链接下一道金色细线,像书页上的烫金。标题用 Fraunces —— 一款柔软度真的可以调的可变衬线体。正文用 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, sage-design and glass-design — rendered in the ember voice. Same words; a different room. 这一页和 apple-designanthropic-designsage-designglass-design 讲的是同一个故事,只是换了 ember 的声音。同样的话,不同的房间。

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 命中你的提示词时自动加载。

Kernel内核

linux-kernel-dev — modules, drivers, checkpatch, device tree bindings.linux-kernel-dev —— 模块、驱动、checkpatch、设备树绑定。

Explore去看看

Content内容

wechat-video-publisher, doc-to-markdown, md-to-pdf — narrated video + document conversion.wechat-video-publisherdoc-to-markdownmd-to-pdf —— 配音视频与文档转换。

Explore去看看
You are here你在这里

Design设计

apple-design, anthropic-design, ember-design, sage-design — four of the nine brand aesthetics.apple-designanthropic-designember-designsage-design —— 九种品牌美学里的四种。

Compare aesthetics对比其它美学
Diagrams图示

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

Flow, hierarchy, timeline, architecture — rendered in the same warm palette as the rest of the page. 流程、层级、时间线、架构 —— 用和整页相同的暖色盘绘制。

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.一个技能需要的一切,都在一处。

ember-design/ SKILL.md trigger + index references/ design-tokens, dos-donts assets/ ember.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
Compare对比

Nine voices九种声音

Same content, rendered five ways.同样的内容,五种渲染。

Crisp. Buy apple-design Warm. Try anthropic-design Crafted. Shop ember-design Quiet. Read sage-design Lit. Go glass-design
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软链接装法

ForkFork

$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 的命令行,或者一条普通软链接。技能就是文件夹 —— 没有魔法。

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

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

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

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

See apple-design看 apple-design See anthropic-design看 anthropic-design See sage-design看 sage-design See glass-design看 glass-design