rive-web
✓다음과 같은 경우에 트리거됩니다. (1) 웹에서 .riv 파일을 로드하거나 삽입하는 경우, (2) @rive-app/canvas 또는 @rive-app/webgl 패키지를 사용하여, (3) JavaScript로 Rive 상태 머신을 제어하고, (4) Rive 입력 읽기/쓰기 또는 이벤트 처리, (5) 사용자가 웹 컨텍스트에서 "Rive 런타임" 또는 "Rive 애니메이션"을 언급합니다. 웹에 Rive 애니메이션을 삽입하고 제어하는 모범 사례 공식 Rive JavaScript/TypeScript 런타임을 사용합니다.
SKILL.md
Embed and control Rive animations on the web with JavaScript/TypeScript.
| Rive Instance | Main controller for the animation | | State Machine | Interactive logic built in Rive editor | | Inputs | Variables to control state machine (Boolean, Number, Trigger) | | Events | Signals fired by the state machine | | Artboard | Container for animation content |
@file rules/loading.md @file rules/state-machines.md @file rules/inputs.md
다음과 같은 경우에 트리거됩니다. (1) 웹에서 .riv 파일을 로드하거나 삽입하는 경우, (2) @rive-app/canvas 또는 @rive-app/webgl 패키지를 사용하여, (3) JavaScript로 Rive 상태 머신을 제어하고, (4) Rive 입력 읽기/쓰기 또는 이벤트 처리, (5) 사용자가 웹 컨텍스트에서 "Rive 런타임" 또는 "Rive 애니메이션"을 언급합니다. 웹에 Rive 애니메이션을 삽입하고 제어하는 모범 사례 공식 Rive JavaScript/TypeScript 런타임을 사용합니다. 출처: stevysmith/rive-skills.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/stevysmith/rive-skills --skill rive-web- 카테고리
- *크리에이티브
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
rive-web이란?
다음과 같은 경우에 트리거됩니다. (1) 웹에서 .riv 파일을 로드하거나 삽입하는 경우, (2) @rive-app/canvas 또는 @rive-app/webgl 패키지를 사용하여, (3) JavaScript로 Rive 상태 머신을 제어하고, (4) Rive 입력 읽기/쓰기 또는 이벤트 처리, (5) 사용자가 웹 컨텍스트에서 "Rive 런타임" 또는 "Rive 애니메이션"을 언급합니다. 웹에 Rive 애니메이션을 삽입하고 제어하는 모범 사례 공식 Rive JavaScript/TypeScript 런타임을 사용합니다. 출처: stevysmith/rive-skills.
rive-web 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/stevysmith/rive-skills --skill rive-web 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/stevysmith/rive-skills