# Apple-style fluid web interfaces (/apple-design)

/apple-design is a Claude Code skill in the Web & Design section. It is maintained by emilkowalski and published under the MIT license. Applies Apple's interface design principles to the web: gestures, spring animations, interruptible transitions, translucent materials and typography.

- Web version: https://skills.sgomez.dev/en/s/apple-design
- Section: [Web & Design](https://skills.sgomez.dev/en/web.md)
- Author: emilkowalski
- License: MIT
- Source: https://github.com/emilkowalski/skills/tree/d16ebe60d09a5ba2afcb7054ede9d0a10c9f6128/skills/apple-design
- Updated 23 Sept 2026

## How to ask for it

- `Review whether this UI follows Apple's design conventions`
- `Add a spring animation to this draggable sheet`
- `Tune the typography to feel more iOS-native`

## Install

macOS · Linux:

```
curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash
```

Windows:

```
irm https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.ps1 | iex
```


## Author's description

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.

- [How we review this](https://skills.sgomez.dev/en/methodology.md)