interaction-physics

SKILL.md

Interactions are the moments when your interface comes alive. They're the transitions between states, the feedback when users take action, the animations that guide attention. When done well, interactions are invisible—they feel natural and right. When done poorly, they distract or confuse.

This skill teaches you to think about interactions systematically: understanding animation principles, designing intentional microinteractions, providing clear feedback, and ensuring performance and accessibility.

A microinteraction is a small, contained interaction that accomplishes a specific task. Examples: button hover state, form validation feedback, loading spinner, success notification, menu open/close.

마이크로인터랙션, 애니메이션, 전환 및 피드백 시스템을 마스터하세요. 사용자를 안내하고 명확한 피드백을 제공하는 의도적이고 즐거운 상호 작용을 만듭니다. 애니메이션 원리, 타이밍, 여유, 상태 전환, 성능 및 접근성에 대한 모범 사례가 포함되어 있습니다. 출처: sanky369/vibe-building-skills.

원본 보기