frontend-rive

Interactive animations with built-in state machines. Animation logic inside the .riv file.

| Just plays/loops | Lottie | | Reacts to hover | Rive | | Controlled by data | Rive | | Multiple states | Rive | | Simple loader | Lottie |

상태 머신이 내장된 상태 기반 대화형 애니메이션. 애니메이션이 사용자 입력(호버, 클릭, 드래그)에 반응해야 하거나, 여러 상태/전환이 ​​있거나, 데이터 값(진행률 표시줄, 카운터)에 응답해야 하는 경우에 사용합니다. 애니메이션 버튼, 토글, 체크박스, 문자에 이상적입니다. 간단한 재생/루프 애니메이션의 경우 Lottie를 대신 사용하세요. 출처: petbrains/mvp-builder.

터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/petbrains/mvp-builder --skill frontend-rive 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다