런타임 상호 작용 및 웹 통합을 갖춘 상태 시스템 기반 벡터 애니메이션입니다. 대화형 애니메이션, 상태 기반 UI, 논리가 포함된 애니메이션 구성 요소 또는 런타임 제어가 포함된 디자이너가 만든 애니메이션을 만들 때 이 기술을 사용하세요. Rive, 상태 머신, 대화형 벡터 애니메이션, 입력 처리가 포함된 애니메이션, ViewModel 데이터 바인딩 또는 React Rive 통합과 관련된 작업을 트리거합니다. 상태 머신과 양방향 상호작용이 필요한 애니메이션을 위한 Lottie의 대안입니다.
명령줄에서 rive-interactive AI 스킬을 개발 환경에 빠르게 설치
출처: freshtechbro/claudedesignskills.
Rive is a state machine-based animation platform that enables designers to create interactive vector animations with complex logic and runtime interactivity. Unlike timeline-only animation tools (like Lottie), Rive supports state machines, input handling, and two-way data binding between application code and animations.
런타임 상호 작용 및 웹 통합을 갖춘 상태 시스템 기반 벡터 애니메이션입니다. 대화형 애니메이션, 상태 기반 UI, 논리가 포함된 애니메이션 구성 요소 또는 런타임 제어가 포함된 디자이너가 만든 애니메이션을 만들 때 이 기술을 사용하세요. Rive, 상태 머신, 대화형 벡터 애니메이션, 입력 처리가 포함된 애니메이션, ViewModel 데이터 바인딩 또는 React Rive 통합과 관련된 작업을 트리거합니다. 상태 머신과 양방향 상호작용이 필요한 애니메이션을 위한 Lottie의 대안입니다. 출처: freshtechbro/claudedesignskills.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/freshtechbro/claudedesignskills --skill rive-interactive 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/freshtechbro/claudedesignskills --skill rive-interactive런타임 상호 작용 및 웹 통합을 갖춘 상태 시스템 기반 벡터 애니메이션입니다. 대화형 애니메이션, 상태 기반 UI, 논리가 포함된 애니메이션 구성 요소 또는 런타임 제어가 포함된 디자이너가 만든 애니메이션을 만들 때 이 기술을 사용하세요. Rive, 상태 머신, 대화형 벡터 애니메이션, 입력 처리가 포함된 애니메이션, ViewModel 데이터 바인딩 또는 React Rive 통합과 관련된 작업을 트리거합니다. 상태 머신과 양방향 상호작용이 필요한 애니메이션을 위한 Lottie의 대안입니다. 출처: freshtechbro/claudedesignskills.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/freshtechbro/claudedesignskills --skill rive-interactive 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/freshtechbro/claudedesignskills