Domains
Forms
Mechanism
Breaks down how the skill works and what it produces, so you can quickly judge whether it fits your scenario and value.
When building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum transitions, translucent materials, typography, or reduced-motion for Apple-style web interfaces.
A reference guide enabling developers to design/review web UI that feels physical, interruptible, and alive — aligned with Apple's design foundations.
Use Cases
A web developer is building a draggable bottom sheet and finds the close animation janks when users re-grab it mid-flight. They consult apple-design to learn interruptibility rules, spring parameters (damping 0.8, response 0.3), and velocity handoff code. The sheet becomes smoothly grabbable and reversible, matching iOS feel and improving UX quality.
A designer reviews a marketing page with popovers and notices entries exit downward while entering from right. Using apple-design's spatial consistency section, they flag the mismatch and apply same-path enter/exit with trigger-anchored origin. The page feels coherent and predictable, strengthening brand polish.
Skill Relationships
Dependency relationships read as "the upper tier points to the lower tier." The current Skill sits in the middle tier — above are Skills that depend on it, below are Skills it depends on.
Tier 1 · These Skills Use Me
Tier 2 · Current Skill
Tier 3 · I Use These Skills
Browse this skill's relationships within its skillset. Click a node to switch the side panel; use the search box to jump to any skill.
Skill File
