apple-design is agent-read markdown (skill) from asymmetric-al/core: 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..
Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified against the hash recorded here before it reaches your agent. The deterministic audit below grades the latest version, and the same file always earns the same grade.
What the file says
# Apple Design
<!-- CORE-OVERLAY-START -->
## This repository (Asymmetric-al/core)
Use this upstream skill as a specialized physical-interaction reference. Core's
frontend architecture and motion contract remain authoritative. Reconcile this
overlay after upstream refreshes before running `bun run skills:sync`.
### Triggers
- Gesture-driven UI, momentum, rubber-banding, drag or swipe interactions.
- Interruptible springs, sheets, depth, translucent materials, or Apple-style
interface critique.
- Do not load it merely because a task contains ordinary product animation.
### Workflow
1. Read `docs/ai/rules/frontend.md`, then
`docs/ai/skills/emil-design-engineering/SKILL.md` and
`docs/ai/skills/anim/SKILL.md` as applicable.
2. Reuse Base UI primitives and Core motion tokens; never introduce Radix
imports, `--radix-*` variables, or parallel duration/easing scales.
3. Keep the global reduced-motion baseline in
`packages/ui/styles/globals.css`; TS motion must use the repo's
`useReducedMotion()` contract.
4. Use this skill for physical behavior and feel, then use `motion` only for
`motion/react` API details.
### Checklist
…
Pin to a label to follow the author's releases, or to a sha256 to freeze the exact bytes forever. Either way the resolved hash is written to mdr.lock, and mdr install reproduces it on any machine.
GET https://markdownregistry.com/api/v1/artifacts/art_mk6pbx4t5f5u6qjn
GET https://markdownregistry.com/api/v1/resolve?ref=asymmetric-al/core/apple-design
GET https://markdownregistry.com/api/v1/blob/3c551fde63abfa92a08598593c31d097cd2a2e6710e49662090ee5af3d8c9e1a
Your agent 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.
asymmetric-al/core · .agents/skills/accessibility-review/SKILL.md · Audit and fix accessibility in Core UI. Use when changing or reviewing buttons, links, forms, validation, dialogs…
asymmetric-al/core · .agents/skills/agent-browser/SKILL.md · Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages…
asymmetric-al/core · .agents/skills/agent-email-inbox/SKILL.md · Use when building any system where email content triggers actions — AI agent inboxes, automated support handlers…
asymmetric-al/core · .agents/skills/anim/SKILL.md · Tasteful, subtle web UI animation following Emil Kowalski / animations.dev principles. Use when adding or reviewing…
asymmetric-al/core · .agents/skills/animation-vocabulary/SKILL.md · Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the…
asymmetric-al/core · .agents/skills/api-design-principles/SKILL.md · Master REST and GraphQL API design principles to build intuitive, scalable, and maintainable APIs that delight…
asymmetric-al/core · .agents/skills/babysit/SKILL.md · Orchestrate via @babysitter. Use this skill when asked to babysit a run, orchestrate a process or whenever it is called…
asymmetric-al/core · .agents/skills/base-ui/SKILL.md · Build accessible, composable UI with @base-ui/react primitives and project styling tokens. Use when creating or…
asymmetric-al/core · .agents/skills/bats-testing-patterns/SKILL.md · Master Bash Automated Testing System (Bats) for comprehensive shell script testing. Use when writing tests for shell…
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…
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…
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…
