Rive MCP

Tích hợp Rive MCP

[!NOTE]

Hiện tại, tích hợp MCP chỉ khả dụng trong Editor trên máy tính để bàn dành cho Windows và macOS.

Bạn có thể kết nối Rive Editor với các công cụ AI thông qua MCP (Model Context Protocol). Bộ công cụ đầu tiên được thiết kế để AI xử lý các tác vụ lặp đi lặp lại, chẳng hạn như tạo View Model phức tạp, State Machine có hàng trăm state/layer, Layout, Shape và nhiều nội dung khác.

Trình phát video YouTube

Các tính năng được hỗ trợ

• Tạo và quản lý tệp Rive — thêm, đổi tên, thay đổi kích thước, sắp xếp và lấy tiêu điểm cho artboard.
• Kiểm tra và chỉnh sửa scene — truy vấn hệ thống phân cấp, chọn đối tượng, cập nhật thuộc tính, đổi tên, nhân bản, sắp xếp lại, chuyển sang đối tượng cha khác hoặc xóa phần tử.
• Tạo thiết kế — tạo shape, path, layout, component instance, component list và các phần tử dựa trên asset.
• Tạo rig bằng bone — tạo bone gốc và chuỗi bone theo chiều dài và góc xoay hoặc theo điểm đầu và điểm cuối, sau đó liên kết và gán trọng số cho chúng.
• Tạo animation và tương tác — chỉnh sửa animation tuyến tính, state machine, state, transition, condition, keyframe và nội suy.
• Làm việc với data binding — tạo view model, property, instance, binding và nhóm property tùy chỉnh.
• Chỉnh sửa script và shader — quản lý script Luau và shader WGSL, cập nhật mã nguồn, chạy chẩn đoán, biên dịch lại, kiểm thử, tìm kiếm mã và đọc đầu ra của console.

[!NOTE]

Danh sách tính năng này sẽ thay đổi theo thời gian khi có thêm công cụ mới.

Các chỉnh sửa có thể khiến runtime từ chối hoặc gặp sự cố với tệp, chẳng hạn như có hai màu trên cùng một fill hoặc gradient nằm ngoài fill hay stroke, sẽ bị từ chối và hoàn tác. Màu được đọc giống như trong trường hex: #fff là màu trắng, còn các tên như red sẽ bị từ chối.

Cài đặt

Sử dụng Cursor

1. Mở Rive

Cài đặt và mở phiên bản mới nhất của ứng dụng Rive trên máy tính để bàn dành cho Mac hoặc Windows.

2. Thiết lập Cursor

Tạo tài khoản Cursor và cài đặt ứng dụng.

3. Mở cài đặt Cursor

Mở Cursor và chuyển đến bảng cài đặt ở góc trên bên phải.

4. Thêm MCP tùy chỉnh

Mở thẻ Tools & MCPs rồi nhấp vào Add Custom MCP.

5. Lưu cấu hình

Lưu đoạn JSON sau vào máy tính của bạn với tên mcp.json.

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

6. Bật kết nối

Bật kết nối MCP On

7. Xác minh kết nối

Nếu mọi thứ được cài đặt chính xác, bạn sẽ thấy Rive là một máy chủ MCP khả dụng.

[!NOTE]

Để máy chủ Rive khả dụng, bạn phải mở ứng dụng Rive trên máy tính để bàn.

Bạn có thể tìm thêm thông tin về cách thiết lập MCP tại đây.

Sử dụng Claude trong Terminal

Trình phát video YouTube

1. Mở Rive

Cài đặt và mở phiên bản mới nhất của ứng dụng Rive trên máy tính để bàn dành cho macOS hoặc Windows.

2. Thêm máy chủ MCP

Chạy lệnh sau trong terminal:

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

3. Khởi chạy Claude

Chạy Claude và làm theo hướng dẫn:

claude

Công cụ này có thể làm gì?

Sau khi kết nối công cụ AI, bạn có thể bắt đầu nhập lời nhắc cho AI.

1. Mở tệp Rive

Mở một tệp Rive và tạo một Artboard.

2. Nhập lời nhắc

Nhập lời nhắc vào giao diện trò chuyện rồi nhấn Enter. AI sẽ mất một chút thời gian để xử lý yêu cầu, sau đó các thay đổi sẽ xuất hiện trong tệp Rive đang mở.

Ví dụ về lời nhắc:

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