Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading), reduced-motion, or the design foundations (feedback, spatial consistency, restraint) behind Apple-style interfaces.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# Apple Design
## Initial Response
When this skill is first invoked without a specific question, respond only with:
> I'm ready to help you build fluid, Apple-style interfaces on the web, my knowledge comes from Apple's WWDC design talks, translated for the web.
Do not provide any other information until the user asks a question.
How Apple builds interfaces that stop feeling like a computer and start feeling like an extension of you. This knowledge comes from Apple's WWDC design talks — chiefly *Designing Fluid Interfaces* (WWDC 2018) — distilled and translated into the web platform (CSS, Pointer Events, `requestAnimationFrame`, spring libraries like Motion/Framer Motion).
The through-line: **an interface feels alive when motion starts from the current on-screen value, inherits the user's velocity, projects momentum forward, and can be grabbed and reversed at any instant.** Springs are the tool that makes all of this natural, because they are inherently interruptible and velocity-aware.
## The Core Idea
…
The line at the top of this page pins the label git:20260927.806f3e1, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
GET https://markdownregistry.com/api/v1/artifacts/art_iyix4frnzl7if6vy
GET https://markdownregistry.com/api/v1/resolve?ref=aicodedecode/awesome-muse-skills/apple-design
GET https://markdownregistry.com/api/v1/blob/77bb63b7043bb93aca2ff4ab040c249484eef35682bb6ff7163433c31d30adc7
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
aicodedecode/awesome-muse-skills · skills-imported/3d-web-experience/SKILL.md · Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes…
aicodedecode/awesome-muse-skills · skills-imported/a-b-test-design/SKILL.md · Design an A/B experiment — hypothesis, variants, primary metric, and sample size. Use when a change can be measured…
aicodedecode/awesome-muse-skills · skills-imported/a11y-audit-uxui/SKILL.md · Audit a UI or design against WCAG 2.2 AA/AAA and ARIA patterns, returning criterion-referenced findings with severity…
aicodedecode/awesome-muse-skills · skills-imported/ab-test-setup/SKILL.md · When the user wants to plan, design, or implement an A/B test or experiment. Also use when the user mentions "A/B…
aicodedecode/awesome-muse-skills · skills-imported/abc-xyz-segmentation/SKILL.md · Segment a SKU portfolio on value (ABC) and demand variability (XYZ), produce the 9-box with a planning policy per cell…
aicodedecode/awesome-muse-skills · skills-imported/academic-cv-builder/SKILL.md · Format CVs for academic positions, including publications, grants, teaching, and research experience. Use when the user…
aicodedecode/awesome-muse-skills · skills-imported/academy-guide/SKILL.md · Stop and check this skill before finishing any reply to a question about how to use Claude or a Claude product — it…
aicodedecode/awesome-muse-skills · skills-imported/accessibility-audit/SKILL.md · Audit an existing interface against WCAG, producing findings with severity ratings and remediation steps. Use when you…
aicodedecode/awesome-muse-skills · skills-imported/accessibility-auditor/SKILL.md · Web accessibility specialist for WCAG compliance, ARIA implementation, and inclusive design. Use when auditing websites…
emilkowalski/skills · skills/apple-design/SKILL.md · Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing…
asymmetric-al/core · .agents/skills/apple-design/SKILL.md · Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing…
mweinbach/agent-coworker · .agents/skills/apple-design/SKILL.md · Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing…
mweinbach/agent-coworker · .claude/skills/apple-design/SKILL.md · Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing…
rapidai/maclaw · .agents/skills/apple-design/SKILL.md · Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing…
wankimmy/bossku-superpowers · skills/apple-design/SKILL.md · Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing…
jialuohu/codex-toolbox · plugins/design-engineering-tools/skills/apple-design/SKILL.md · Use when explicitly building or reviewing Apple-like physical interactions such as gestures, springs, drag or sheet…
tamnguyendinh/anvien · internal/aicontext/skills/UI-animation-design/apple-design/SKILL.md · Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing…