Skip to content
← Tools / Skills
Skill · .md packageweb-design collection/10 trustVerified

apple-design

Apple's approach to interface design and fluid, physical motion, translated for the web.

Visit official site →

About

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.

What it can do

  • 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.

Setup

  1. Install: npx skills add <owner/repo> --all
  2. The skill auto-loads when relevant, or invoke it by name in your agent.

Prerequisites

A compatible AI coding agent (Claude Code, Cursor, etc.).

Use cases

designmedia

Works with

Claude CodeAny agent (.md)

Trust score — 6/10

/10 trustVerified

Community web-design and frontend skill collection. Useful patterns for UI/UX work; verify individual skill quality.

Sources

Every fact above was checked against these sources. Where a claim comes from the provider and couldn't be independently verified, the text says so.