Apple Design Skill · Interaction design

Apple Design Skill: Make Interfaces Feel Effortless

Make every press, swipe and transition feel connected.

Apple Design Skill is Emil Kowalski’s independent guide to fluid, Apple-style web interfaces. It translates WWDC-derived principles into practical direction for gestures, springs, materials, typography, and reduced motion, then adds a clearer route from request to finished interaction. Independently refined by Antigravity Skills from the MIT source; not an official Emil Kowalski release or endorsement, and not an Apple product.

View Emil Kowalski’s source

Interaction design
Fluid motion
Accessible web UI

About This Skill

Apple Design Skill is Emil Kowalski’s independent guide to fluid web interfaces: use it to build or review gesture-driven interactions, springs, momentum, materials, typography, and reduced-motion alternatives. This focused edition preserves the original WWDC-derived knowledge and adds task routing plus checkable finish criteria; it is not an official Apple product.

Built on proven foundations

Trusted Source, Professionally Refined

The original expertise stays intact. Focused refinements make it easier to start, follow the guidance, and know when the work is finished.

Original foundation

Emil Kowalski · commit e8a175d

The original Skill knowledge, package structure, attribution and original license terms are preserved. Follow the source link to see where this edition began.

View the original project

Antigravity optimization

2 files, one clearer workflow

A source-faithful edition with the improvements explained below. The download includes the original attribution and everything needed to follow the Skill’s guidance.

More useful from the first prompt

What We Improved

Keep the depth you came for. Get clearer starting points, practical guidance and an explicit finish line.

Task routing for build, review, repair, and explanation

The Skill now gives each common interaction job a clear entry point while keeping the original response, gesture, spring, material, typography, and accessibility guidance as the authority.

An interaction brief before implementation

A four-line brief surfaces trigger feedback, the live presentation value, release velocity, boundaries, keyboard behavior, and preference alternatives before code is written.

A checkable completion gate

The finish list makes pointer capture, interruption, momentum, spatial consistency, reduced motion, typography, overflow, and responsive behavior explicit checks.

A bounded review and handoff loop

Observation, smallest-seam implementation, reachable-state prototyping, frame-level review, and handoff now form one repeatable path that carries the current presentation value forward.

Quick Start

1Choose one real interaction, name its surface and platform inputs, and state what must remain true.
2Route the request as a build, review, repair, or explanation task before choosing a motion technique.
3Write the interaction brief, then prototype the reachable states with current-value animation, velocity handoff, and the relevant accessibility alternatives.
4Run the checkable completion list at representative pointer, keyboard, viewport, and preference settings before handing the work off.

Example Command

Use Apple Design to review this bottom sheet. Keep its gestures interruptible, preserve release velocity, and provide a reduced-motion alternative.

Core Capabilities

Task-led interaction guidance

Route build, review, repair, and explanation requests to the smallest relevant part of the original Apple Design guidance.

Gesture continuity

Keep pointer-down feedback, 1:1 tracking, pointer capture, live-value interruption, velocity handoff, and reversible motion connected.

Physics-aware motion

Use critically damped springs by default, momentum projection for flicks, and rubber-banding at soft boundaries with the original concrete parameters.

Materials, type, and access

Apply translucent depth, optical typography, reduced motion, reduced transparency, increased contrast, keyboard control, and responsive text sizing together.

Use Cases

Bottom sheets and drawers

Review drag offsets, interruptible opening and closing, velocity handoff, projected landing, and reduced-motion alternatives.

Swipeable surfaces and carousels

Shape direct manipulation, hysteresis, momentum, snap points, rubber-banding, and spatially consistent return paths.

Motion review and repair

Trace latency, presentation values, velocity discontinuities, hard boundaries, and transitions that lose the user’s sense of place.

Responsive, accessible interaction polish

Carry materials, typography, keyboard behavior, contrast, transparency, and reduced-motion choices across web contexts and text sizes.

SKILL.md

# Apple Design

This is a knowledge summary of Emil Kowalski’s independent Apple Design Skill,
pinned to the captured source revision. The original file translates Apple’s
WWDC design talks, chiefly Designing Fluid Interfaces (WWDC 2018), into web
guidance rather than presenting Apple software or an Apple endorsement.

The core model is physical continuity: respond on pointer-down, track direct
manipulation 1:1, animate from the live presentation value, preserve velocity
through interruption, project momentum, and soften boundaries with rubber-band
resistance. Springs are described with damping and response; the source gives
concrete defaults for critically damped UI, momentum interactions, and sheets.
The source also includes the projection equation, Pointer Events and capture,
requestAnimationFrame, compositor-friendly properties, translucent materials,
multimodal feedback, reduced motion/transparency/contrast alternatives,
optical typography, and eight design principles.

The focused edition adds a task router, a four-line interaction brief, a
checkable completion list, and a bounded review/handoff loop. It keeps the
original Initial Response, examples, parameters, code, and references intact.

Frontend Design SkillFrame a visual thesis and build a distinctive interface before polishing interaction details.Impeccable SkillShape, critique, and refine a frontend surface with focused art-direction playbooks.

Frequently Asked Questions

Is Apple Design Skill made by Apple?

No. It is an independent Skill by Emil Kowalski, informed by Apple’s WWDC design talks and translated for the web. It is not Apple software, an Apple service, or an Apple-endorsed product.

Who created Apple Design Skill and where is the source?

Emil Kowalski created it. The canonical source is the apple-design Skill in the emilkowalski/skills GitHub repository, pinned to the listed immutable revision and distributed under the MIT license.

What web interactions does Apple Design Skill cover?

It covers responsive pointer-down feedback, direct manipulation with Pointer Events, interruptible springs, velocity handoff, momentum projection, drawers and sheets, swipeable surfaces, rubber-banding, materials and depth, typography, and multimodal feedback.

Is it the same as Emil Design Engineering, and how does it handle reduced motion?

No. This page is the independent Apple Design Skill, focused on the principles and web techniques in its own source; it is not a page for the separate Emil Design Engineering Skill. Its reduced-motion guidance replaces slides, springs, and parallax with gentler opacity or static transitions while preserving comprehension, and it also covers reduced transparency and increased contrast.

How do I install and use Apple Design Skill with my agent?

Use the canonical repository’s documented Skills installer, then invoke Apple Design for one concrete interaction or review task. Start with the included bottom-sheet prompt, or name a gesture, spring, material, typography, or reduced-motion question and provide the current surface and constraints.

Discussion

0 comments

Trigger Phrases

Use these phrases to activate this skill in your AI coding assistant:

Review this bottom sheet interaction.Build a fluid swipe gesture for this surface.Make this spring animation interruptible.Add a reduced-motion alternative to this transition.