interaction-design
✓마이크로인터랙션, 모션 디자인, 전환, 사용자 피드백 패턴을 디자인하고 구현합니다. UI 상호 작용을 세련되게 추가하거나, 로딩 상태를 구현하거나, 즐거운 사용자 경험을 만들 때 사용하세요.
SKILL.md
Create engaging, intuitive interactions through motion, feedback, and thoughtful state transitions that enhance usability and delight users.
| 100-150ms | Micro-feedback (hovers, clicks) | | 200-300ms | Small transitions (toggles, dropdowns) | | 300-500ms | Medium transitions (modals, page changes) | | 500ms+ | Complex choreographed animations |
마이크로인터랙션, 모션 디자인, 전환, 사용자 피드백 패턴을 디자인하고 구현합니다. UI 상호 작용을 세련되게 추가하거나, 로딩 상태를 구현하거나, 즐거운 사용자 경험을 만들 때 사용하세요. 출처: wshobson/agents.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/wshobson/agents --skill interaction-design 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/wshobson/agents --skill interaction-design- 카테고리
- *크리에이티브
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
interaction-design이란?
마이크로인터랙션, 모션 디자인, 전환, 사용자 피드백 패턴을 디자인하고 구현합니다. UI 상호 작용을 세련되게 추가하거나, 로딩 상태를 구현하거나, 즐거운 사용자 경험을 만들 때 사용하세요. 출처: wshobson/agents.
interaction-design 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/wshobson/agents --skill interaction-design 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/wshobson/agents
상세
- 카테고리
- *크리에이티브
- 출처
- skills.sh
- 최초 등록
- 2026-02-01