Rive MCP

공식

Rive MCP는 복잡한 View Model, 수백 개의 상태/레이어를 가진 State Machine, 레이아웃, 셰이프 등을 생성하는 반복적인 작업을 AI가 처리하도록 합니다.

rive.app에서 보기

Rive MCP(으)로 무엇을 할 수 있나요?

Rive 파일 관리 — 열려 있는 Rive 파일에서 아트보드를 추가, 이름 변경, 크기 조정, 정렬하고 포커스를 맞춥니다.
장면 편집 — 계층 구조를 조회하고, 객체를 선택하고, 속성을 업데이트하고, 이름을 변경하고, 복제하고, 순서를 바꾸고, 부모를 변경하거나 요소를 삭제합니다.
디자인 제작 — 도형, 경로, 레이아웃, 컴포넌트 인스턴스, 컴포넌트 목록 및 에셋 기반 요소를 만듭니다.
본으로 리깅 — 길이와 회전 또는 머리와 꼬리 지점을 지정해 루트 본과 본 체인을 만든 다음 바인딩하고 가중치를 설정합니다.
애니메이션 및 상호작용 추가 — 선형 애니메이션, 상태 머신, 상태, 전환, 조건, 키프레임 및 보간을 편집합니다.
데이터 바인딩 작업 — 뷰 모델, 속성, 인스턴스, 바인딩 및 사용자 지정 속성 그룹을 만듭니다.

문서

Rive MCP 통합

[!NOTE]

MCP 통합은 현재 Windows 및 macOS용 데스크톱 Editor에서만 사용할 수 있습니다.

MCP(Model Context Protocol)를 통해 Rive Editor를 AI 도구에 연결할 수 있습니다. 첫 번째 도구 모음은 복잡한 View Model, 수백 개의 상태/레이어가 있는 State Machine, Layout, Shape 등을 만드는 것과 같은 반복 작업을 AI가 처리하도록 설계되었습니다.

YouTube 동영상 플레이어

지원 기능

Rive 파일 생성 및 관리 — 아트보드를 추가, 이름 변경, 크기 조정, 정렬 및 포커스합니다.
씬 검사 및 편집 — 계층 구조를 조회하고, 객체를 선택하고, 속성을 업데이트하고, 요소의 이름을 변경, 복제, 재정렬, 재부모화 또는 삭제합니다.
디자인 제작 — Shape, Path, Layout, 컴포넌트 인스턴스, 컴포넌트 목록 및 에셋 기반 요소를 생성합니다.
본으로 리깅 — 루트 본과 본 체인을 길이 및 회전 또는 머리와 꼬리 지점을 기준으로 생성한 다음, 바인딩하고 가중치를 설정합니다.
애니메이션 및 상호작용 생성 — 선형 애니메이션, State Machine, 상태, 전환, 조건, 키프레임 및 보간을 편집합니다.
데이터 바인딩 작업 — View Model, 속성, 인스턴스, 바인딩 및 사용자 지정 속성 그룹을 생성합니다.
스크립트 및 셰이더 편집 — Luau 스크립트와 WGSL 셰이더를 관리하고, 소스 코드를 업데이트하고, 진단을 실행하고, 다시 컴파일하고, 테스트하고, 코드를 검색하고, 콘솔 출력을 읽습니다.

[!NOTE]

더 많은 도구가 추가됨에 따라 이 기능 목록은 계속 바뀔 예정입니다.

한 채우기에 두 가지 색상을 지정하거나 채우기 또는 획 바깥에 그라디언트를 배치하는 등 런타임에서 파일을 거부하거나 충돌을 일으킬 수 있는 편집은 거부되고 취소됩니다. 색상은 16진수 필드와 같은 방식으로 읽습니다. #fff은 흰색이며, red와 같은 이름은 거부됩니다.

설치

Cursor 사용

1. Rive 열기

Mac 또는 Windows용 최신 Rive 데스크톱 앱을 설치하고 엽니다.

2. Cursor 설정

Cursor 계정을 만들고 앱을 설치합니다.

3. Cursor 설정 열기

Cursor를 열고 오른쪽 상단의 설정 패널로 이동합니다.

4. 사용자 지정 MCP 추가

Tools & MCPs 탭을 열고 Add Custom MCP를 클릭합니다.

Open Cursor MCPs tab

5. 구성 저장

다음 JSON 스니펫을 컴퓨터에 mcp.json로 저장합니다.

{
  "mcpServers": {
      "rive": {
          "url": "http://127.0.0.1:9791/mcp"
      }
  }
}

6. 연결 활성화

MCP 연결을 On

7. 연결 확인

모든 항목이 올바르게 설치되었다면 사용 가능한 MCP 서버로 Rive가 표시됩니다.

Cursor verified

[!NOTE]

Rive 서버를 사용하려면 Rive 데스크톱 앱을 열어 두어야 합니다.

MCP 설정에 관한 추가 정보는 여기에서 확인할 수 있습니다.

터미널에서 Claude 사용

YouTube 동영상 플레이어

1. Rive 열기

macOS 또는 Windows용 최신 Rive 데스크톱 앱을 설치하고 엽니다.

2. MCP 서버 추가

터미널에서 다음 명령을 실행합니다.

claude mcp add --transport http rive http://127.0.0.1:9791/mcp

3. Claude 시작

Claude를 실행하고 안내에 따릅니다.

claude

무엇을 할 수 있나요?

AI 도구가 연결되면 AI에 프롬프트를 입력해 보세요.

1. Rive 파일 열기

Rive 파일을 열고 아트보드를 만듭니다.

2. 프롬프트 입력

채팅 UI에 프롬프트를 입력하고 Enter 키를 누릅니다. AI가 요청을 처리하는 동안 잠시 기다리면 변경 사항이 열려 있는 Rive 파일에 표시됩니다.

프롬프트 예시:

Create a State Machine about birds with 20 states and 2 layers