A Distilled Apple‑Style Design Skill with 10.5K GitHub Stars

The author highlights the newly released apple-design Skill, part of the emilkowalski/skills GitHub repository that has attracted roughly 10.5 K stars. Emil Kowalski, a design engineer with extensive experience in animation and interface details, created a collection of design‑experience Skills for AI agents.

Among the repository’s Skills are emil-design-eng (overall design‑engineering knowledge), review-animations (animation quality review), improve-animations (systematic animation optimisation), and the focus of this article, apple-design , which translates Apple’s design principles and fluid interactions into web‑compatible implementations.

The apple‑design Skill encodes 17 concrete design and motion principles derived from Apple’s WWDC talks, covering aspects such as:

Button feedback and responsive states.

Inertia‑driven card motions that feel natural and can be interrupted.

Gesture‑driven bottom sheets that follow the finger, exhibit appropriate damping, and snap back with spring‑like behaviour.

Use of backdrop-filter for translucent layers while avoiding excessive stacking.

Material hierarchy: stronger blur and shadow for large surfaces, lighter effects for small controls.

Typography rules: separate tracking for headings and body text, tighter spacing for large type, readability‑focused spacing for small type, and coordinated line‑height adjustments.

These principles aim to give AI agents the judgment needed to both generate UI that feels “hand‑crafted” and to audit existing interfaces for comfort and control.

Installation is straightforward: npx skills@latest add emilkowalski/skills After installing, developers can invoke the Skill in prompts, for example:

apple-design  Build a bottom‑sheet that feels native on touch devices.

or use it to review existing interactions:

apple-design  Review the modal, drawer and button interactions on this page.

The author stresses focusing on response speed, interruptibility, gesture velocity, spring dynamics, and minimizing unnecessary motion effects.

Sample UI generated by the Skill is shown in the accompanying screenshots, illustrating how the generated interface exhibits the described animation nuances and material treatments.

Overall, the Skill provides a practical bridge between Apple’s design language and web development, enabling AI‑assisted UI creation and evaluation.