Translate Apple human interface guidelines into CSS and JavaScript animations.
npx skills add https://github.com/k97/dock-tile --skill apple-design-k97
Please help me install this Agent Skill. Skill: apple-design Source: https://github.com/k97/dock-tile/tree/main/.claude/skills/apple-design Command: npx skills add https://github.com/k97/dock-tile --skill apple-design-k97
This skill bridges the gap between static web interfaces and the highly responsive, physical-feeling motion found in Apple's native macOS and iOS applications. It solves the problem of interfaces feeling dead or unresponsive by providing a framework for interruptible, velocity-aware, and spatially consistent design.
Apply the apple-design principles to refactor the current modal component to use spring-based physics and interruptible transitions.
High-intent search queries and answers about installing and using this skill.
Interruptible spring-based animations work by respecting user velocity and momentum, allowing ongoing transitions to be halted or redirected smoothly without waiting for completion, ensuring high-fidelity interface design feels physically responsive.
Implement translucent material systems by applying CSS backdrop-filters to create depth-aware UI components, establishing visual hierarchy through translucency and depth standards that mimic native macOS and iOS application layers.
Yes, you can create gesture-driven web components that respect accessibility by implementing standardized patterns for system-level reduced motion and transparency preferences, ensuring your custom modals and cards remain accessible.
Refactor a standard web overlay into a native Apple system element by applying spring-based physics and interruptible transitions, replacing static transitions with velocity-aware motion and spatial consistency standards.
Web interface animations feel unresponsive compared to native iOS apps because they lack interruptible, velocity-aware, and spatially consistent motion principles, which are required to bridge the gap between static web layers and physical-feeling interactions.
rod97-1Review frontend UI animation and interaction code for polish and consistency.
KILWA73Optimize glass UI components by reducing backdrop-filter layers and enabling hardware acceleration.
Saifeldin2401Implement Apple-style fluid interface interactions with CSS and JavaScript spring physics.
ihj04982Apply Disney's 12 animation principles to web interface design.
