apple-design SKILL.md skillA

This file is byte-identical to the first copy the registry indexed, one of 3 indexed copies. Same content hash, so the same checks give both the same grade.

apple-design from jaimejunr/claude-code-frontend-skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

mdr add jaimejunr/claude-code-frontend-skills/apple-design@git:20260926.5e88edf

Pins git:20260926.5e88edf in mdr.lock. Pin the fingerprint instead.

Audit grade

A, 17 of 17 checks passed

Kind

SKILL.md skill

Repository

jaimejunr/claude-code-frontend-skills

Path

plugins/emil-design-eng/skills/apple-design/SKILL.md

Versions recorded

1

Latest version

git:20260926.5e88edf, committed Sep 26, 2026

Size

23,036 bytes

Repository stars

3

License

a license file GitHub does not identify

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
…

Read the whole file at its exact version.

How to install

mdr add jaimejunr/claude-code-frontend-skills/apple-design@sha256:77bb63b7043bb93a

[![mdr](https://markdownregistry.com/badge/art_dvzai3v4asoo7buj.svg)](https://markdownregistry.com/a/art_dvzai3v4asoo7buj)

Versions

The registry has recorded 1 version of this file, committed on Sep 26, 2026.

Audit of the latest version

Source

API

GET https://markdownregistry.com/api/v1/artifacts/art_dvzai3v4asoo7buj
GET https://markdownregistry.com/api/v1/resolve?ref=jaimejunr/claude-code-frontend-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.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from jaimejunr/claude-code-frontend-skills

Every file in jaimejunr/claude-code-frontend-skills

Other files named apple-design

Browse by kind, by grade A, or by owner.