Micro Interactions

interaction-design 스킬은 팀이 목적 있는 UI 모션, 마이크로인터랙션, 전환, 로딩 상태, 피드백 패턴을 설계하고 구현할 수 있도록 실용적인 React 중심 참고 자료와 활용 가이드를 제공합니다.

delight 스킬은 UI Design 작업에 과하지 않은 즐거움, 개성, 그리고 세심한 마감감을 더하도록 돕습니다. 성공 상태, 빈 상태, 로딩 순간, 각종 인터랙션을 더 좋게 다듬고 싶을 때, delight 설치, 설정, 활용 방법을 맥락에 맞게 안내하는 용도로 사용할 수 있습니다.

animate 스킬을 사용하면 UI 기능을 검토하고, 목적이 분명한 애니메이션·마이크로 인터랙션·전환을 설계할 수 있습니다. /frontend-design에서 필요한 디자인 맥락을 바탕으로, 피드백·명확성·위계·즐거움을 높이는 모션을 식별하도록 돕고, 성능과 접근성까지 함께 고려합니다.

delight 스킬은 UI 팀이 과하지 않은 마이크로 인터랙션, 카피, 피드백 포인트를 더해 인터페이스를 더 따뜻하고 기억에 남게 다듬도록 돕습니다. 전체 리디자인보다는 특정 화면이나 플로우를 정교하게 마감할 때 가장 잘 맞습니다. 사용 전 /frontend-design 맥락을 먼저 갖추고, 필요하면 /teach-impeccable을 선행한 뒤 delight를 쓰는 것이 좋습니다.

animate 스킬을 사용하면 기능을 검토하고, 명확성·피드백·완성도를 높이는 의도 있는 애니메이션, 마이크로 인터랙션, 모션 효과를 더할 수 있습니다. 목표가 분명하고 디자인 맥락과 성능 제약이 정리된 UI 디자인 작업에 특히 잘 맞습니다.

animate skill을 사용해 UI 기능을 검토하고, 장식용 효과에 그치지 않는 목적 있는 전환, 피드백 상태, 마이크로 인터랙션을 더할 수 있습니다. 사용성, 성능 제약, reduced-motion 요구사항, 그리고 구현 방향의 명확성까지 고려해 모션 결정을 안내합니다.