New.上新。 apple-design & anthropic-design

Your site.
Apple-grade polish.你的页面。
苹果级的打磨。

A drop-in design system that renders any HTML in apple.com’s visual language — SF Pro typography, crisp alternating sections, refined diagrams. One of nine brand aesthetics in the sky-skills collection. 一套即放即用的设计系统，把任何 HTML 渲染成 apple.com 的视觉语言 —— SF Pro 字体、利落的明暗交替分区、精致的图示。sky-skills 收录的九种品牌风格之一。

Install in 60 seconds60 秒装好    See the diagrams看图示

your-site.dev · rendered with sky-skills Your product. Rendered beautifully. Drop in a stylesheet. Done. Learn more › Apple Anthropic Ember crisp · minimal warm · editorial craft · artisan doc 23 skills total MIT · free kernel

Craft.手艺。

Skills are not prompts. They are folded expertise — domain knowledge, templates, and taste that Claude applies automatically, triggered only when it belongs. Skill 不是提示词，而是折叠起来的专业能力 —— 领域知识、模板和审美，Claude 自动套用，只在该出场的时候触发。

23 focused skills, each under one folder个专注的 skill，每个独占一个目录
294 drop-in files across the nine design skills个即放即用的文件，分布在九个 design skill 里
0 build steps — plain HTML, CSS, SVG个构建步骤 —— 纯 HTML、CSS、SVG

Small, sharp, and out of the way.小巧、锋利、不碍事。

Each skill auto-triggers only when it fits. No merge conflicts, no silent dependencies, no bloat. The best tools are the ones you notice only when you need them. 每个 skill 只在匹配时自动触发。没有合并冲突，没有隐藏依赖，没有冗余。最好的工具，只在你需要它的时候才被注意到。

Lineup阵容

23 skills. Six on display.23 个 skill，精选六个。

Each tile is a live render — drop the skill in, get the look. 每张卡片都是实时渲染 —— 放进 skill，就得到这个样子。

Installation安装

One line per skill.一个 skill，一行命令。

Skills install through Claude Code CLI or drop-in symlinks. Each is isolated — adopt just the ones you need. 通过 Claude Code 命令行或软链接安装。每个 skill 彼此独立 —— 只装你需要的那几个。 

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

# or, drop-in
git clone https://github.com/TbusOS/sky-skills.git
ln -s "$(pwd)/sky-skills/skills/apple-design" \
  your-project/.claude/skills/apple-design
Diagrams图示

Explain the system, visually.用图把系统讲清楚。

Flow, architecture, hierarchy, timeline — twelve hand-crafted SVG templates ship with the skill. Fill with your own content. 流程、架构、层级、时间线 —— skill 自带十二张手工 SVG 模板，填入你自己的内容即可。

Flow流程

Skill activation pipelineSkill 激活流水线

How a prompt becomes a loaded skill.一句提示词如何变成一个已加载的 skill。

01 · INPUT 02 · MATCHER 03 · DECISION make me a landing page in apple style User prompt SIGNALS tokens extracted file globs matched intent classified Matcher reads frontmatter only TRIGGER: "apple" | "like apple.com" match Activate load references/*.md load templates/*.html apply aesthetic no match Skip stay out of context no tokens burned (default path) < 50 ms to decide measured, p95 on laptop zero false loads only matching skills read body auto, every turn no manual invocation

Directory hierarchy目录层级

Each skill is a self-contained folder.每个 skill 都是一个自足的目录。

sky-skills the repo root skills/ apple-design/ you are here anthropic-design/ linux-kernel-dev/ demos/ this page

Install timeline安装时间线

Four steps. Under a minute.四步，一分钟以内。

0s Clone git clone … 20s Symlink ln -s … 40s Restart Claude pick up new skill 60s Ready render anything done in progress upcoming
Architecture架构

Code architecture · a skill-powered app代码架构 · 一个由 skill 驱动的应用

Four layers, one direction. UI on top, infrastructure below.四层结构，单一方向：界面在上，基础设施在下。

↓ REQUEST · FLOWS · DOWN ↓ PRESENTATION APPLICATION DOMAIN INFRASTRUCTURE Web React · Vue · Svelte Mobile iOS · Android · RN CLI Claude Code · MCP IDE VS Code · JetBrains user-facing surfaces Skill Router match TRIGGER → load Orchestrator plan · dispatch · collect Tool Gateway Read · Write · Bash · Edit Permission Guard allow · deny · confirm coordination & policy apple-design anthropic-design kernel-dev doc-to-md ember-dsn domain experts Models Opus · Sonnet · Haiku Filesystem skills/* · .claude/ Network MCP · HTTPS Kernel Linux · Darwin runtime substrate
Silicon芯片

SoC block diagram · apple-silicon-feelSoC 框图 · apple-silicon 气质

Cores, cache, controllers, and fabric — the chip that runs your kernel code.核心、缓存、控制器与互连 —— 跑你内核代码的那块芯片。

P-CLUSTER P0 perf 3.5GHz P1 perf P2 perf P3 perf L2 · 16 MB shared E-CLUSTER E0 eff 2.0GHz E1 eff E2 eff E3 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 USB4 PCIe 4 Thunderbolt HDMI WiFi 7 I/O SKY · M-SERIES · CLAUDE-TUNED 5nm · 16-billion transistors · 20 W TDP
Workflow工作流

Multi-repo collaboration flow多仓协作流程

Upstream · working · commit-mirror — how a change moves between three remotes.上游仓 · 工作仓 · 提交镜像 —— 一次改动如何在三个远端之间流转。

upstream TbusOS/sky-skills · main BRANCHES main protected release/v1 docs working-repo ~/code/sky-skills · laptop dev FEATURE BRANCHES feature/ember-design a1b2c3d · add palette e4f5g6h · add demo +412 feature/new-diagrams i7j8k9l · chip arch svg m0n1o2p · multi-repo svg ⎯ HEAD WIP fix/verify-bem q3r4s5t · tighten regex WORKING TREE M demos/apple-design/index.html ?? demos/apple-design/shot-*.png M skills/apple-design/assets/apple.css 3 changes · stash available commit-mirror internal/sky-skills-mirror ROLE 📦 mirror of upstream 🔒 signed commits only 📝 rewritten commit trailers CI · ON PR verify.py passed · 2.3s checkpatch passed · 4.1s Playwright screenshots running… 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
“The whole point is that Claude should feel expert, not generic. A skill is just a crystallised piece of expertise.” “关键在于让 Claude 像专家，而不是泛泛而谈。一个 skill 就是一块结晶下来的专业能力。”

— sky, maintainer—— sky，维护者

One page. Nine aesthetics.同一页面，九种风格。

This page is rendered with apple-design — one of nine design skills. Same content in the warm Anthropic voice, the handcrafted Ember voice, the quiet sage voice, the luminous liquid-glass voice, the cinematic eclat keynote, the boardroom lectern deck, the warm-glass atelier console, and the ELI5 primer explainer → 本页由 apple-design 渲染 —— 九个 design skill 之一。同样的内容，还有温暖的 Anthropic、手作的 Ember、安静的 sage、发光的液态玻璃 glass、电影感的 eclat 发布会、会议室里的 lectern、暖玻璃的 atelier 控制台，以及小白图解的 primer 八种讲法 →

Anthropic versionAnthropic 版 Ember versionEmber 版 Sage versionSage 版 Glass versionGlass 版