Rive MCP: Cách kết nối Claude Code, Cursor và Codex với Rive
Cách máy chủ Rive MCP hoạt động, cách kết nối Claude Code và Cursor với trình soạn thảo Rive, những gì AI có thể và không thể làm cũng như cách so sánh với tác nhân tích hợp của Rive và Rive CLI.
Điểm chính
Máy chủ Rive MCP được tích hợp vào trình chỉnh sửa máy tính để bàn Rive cho Mac và Windows. Khi Rive mở, nó chạy ở http://127.0.0.1:9791/mcp và các công cụ mã hóa AI như Claude Code và Cursor có thể kết nối với nó để tạo bản vẽ nghệ thuật, hình dạng, hoạt ảnh, máy trạng thái, xem mô hình và tập lệnh trong tệp đang mở. Trong Claude Code, kết nối nó bằng một lệnh: claude mcp add --transport http rive http://127.0.0.1:9791/mcp.
Giới thiệu về hướng dẫn này
ExodeUI không liên kết với Rive hoặc Anthropic. Hướng dẫn này dựa trên tài liệu riêng của Rive kể từ tháng 10 năm 2026. Các tính năng AI của Rive thay đổi nhanh chóng, vì vậy hãy kiểm tra trang MCP chính thức nếu một bước không khớp với những gì bạn thấy. Chúng tôi tạo ra ExodeUI, có máy chủ MCP riêng và cuối cùng chúng tôi so sánh cả hai.
Máy chủ Rive MCP có thể làm gì
Rive cho biết các công cụ đầu tiên nhắm đến công việc lặp đi lặp lại, chẳng hạn như xây dựng các mô hình khung nhìn hoặc máy trạng thái với hàng trăm trạng thái và lớp. Theo tài liệu của Rive, một công cụ AI được kết nối có thể:
- Tạo và quản lý tệp: thêm, đổi tên, thay đổi kích thước, sắp xếp và tập trung các bản vẽ nghệ thuật
- Kiểm tra và chỉnh sửa cảnh: truy vấn hệ thống phân cấp, chọn đối tượng, cập nhật thuộc tính, sao chép, sắp xếp lại, sắp xếp lại hoặc xóa các phần tử
- Xây dựng thiết kế: hình dạng, đường dẫn, bố cục, phiên bản thành phần và danh sách
- Tạo hoạt ảnh và tương tác: hoạt ảnh tuyến tính, máy trạng thái, trạng thái, chuyển tiếp, điều kiện, khung hình chính và nội suy
- Làm việc với liên kết dữ liệu: xem mô hình, thuộc tính, phiên bản và liên kết
- Chỉnh sửa tập lệnh Luau và trình tạo bóng WGSL: cập nhật mã, chạy chẩn đoán, biên dịch lại, kiểm tra và đọc đầu ra của bảng điều khiển
Cách thiết lập Rive MCP với Claude Code
MCP chỉ hoạt động với trình chỉnh sửa trên máy tính để bàn chứ không phải phiên bản trình duyệt. Trước tiên hãy mở Rive, sau đó kết nối công cụ AI của bạn.
1. Mở ứng dụng máy tính để bàn Rive
Cài đặt trình chỉnh sửa máy tính để bàn Rive mới nhất cho macOS hoặc Windows từ rive.app/downloads và mở tệp bạn muốn làm việc.
2. Thêm máy chủ MCP
Trong một thiết bị đầu cuối, hãy chạy: claude mcp add --transport http rive http://127.0.0.1:9791/mcp
3. Bắt đầu Claude Code
Chạy Claude. Khởi động nó sau khi Rive được mở để nó có thể tìm thấy các công cụ Rive.
4. Nhắc về tính năng, không phải về mã
Mô tả những gì bạn muốn xem và những gì không được thay đổi, ví dụ: "thêm trạng thái di chuột vào nút để chia tỷ lệ thành 1,05 bằng lò xo và giữ nguyên trạng thái được nhấn".
Cách thiết lập Rive MCP với Cursor và Codex
Trong Cursor, mở Cài đặt, đi tới Công cụ & MCPs, chọn Thêm MCP tùy chỉnh và thêm máy chủ có tên rive với URL http://127.0.0.1:9791/mcp, sau đó bật kết nối. Rive ghi lại Claude Code và Cursor. Vì máy chủ là máy chủ HTTP MCP cục bộ nên các máy khách khác hỗ trợ máy chủ HTTP MCP, chẳng hạn như Codex, có thể kết nối với cùng một URL.
Rive MCP so với Tác nhân AI tích hợp của Rive
Rive cũng có Tác nhân AI bên trong trình chỉnh sửa. Cả hai đều có thể chỉnh sửa tập tin của bạn. Sự khác biệt là ai trả tiền và những gì khác mà đại lý có thể thấy.
- Tác nhân tích hợp chạy trên các gói của Rive: giới hạn ở Free và Cadet, với các mô hình nâng cao, tín dụng nạp tiền và khóa API của riêng bạn trên Voyager
- Với MCP, bạn sử dụng đăng ký AI mà bạn đã trả tiền, chẳng hạn như Claude hoặc Cursor
- Tác nhân bên ngoài cũng có thể đọc mã ứng dụng, ghi chú và tài liệu của bạn để có thể chỉnh sửa tệp Rive và kết nối tệp đó vào ứng dụng của bạn trong cùng một phiên
- Tác nhân tích hợp không cần thiết lập và hoạt động trong trình chỉnh sửa trình duyệt
Rive MCP so với Rive CLI
CLI mới hơn của Rive là một con đường khác. Thay vì điều khiển trình soạn thảo mở, tác nhân mã hóa của bạn sẽ viết cảnh dưới dạng văn bản bằng Ngôn ngữ đánh dấu Rive (RML) và CLI xây dựng các tệp .riv cho ứng dụng của bạn hoặc các tệp .rev mở trong trình chỉnh sửa. Nó hiển thị bản xem trước cục bộ, có thể hiển thị khung và chạy thử nghiệm mà không cần cửa sổ, đồng thời giữ dự án dưới dạng một thư mục văn bản để nó có thể nằm trong kiểm soát phiên bản. Sử dụng MCP để làm việc với nhà thiết kế trong trình chỉnh sửa; sử dụng CLI khi tác nhân xây dựng hoặc chỉnh sửa đồ họa Rive từ mã.
Những giới hạn cần biết trước khi bắt đầu
Tích hợp MCP của Rive còn non trẻ và có một số hạn chế thực tế.
- Chỉ trình chỉnh sửa trên máy tính để bàn, trên macOS và Windows và Rive phải được mở bằng tệp của bạn
- AI hoạt động trên tệp đang mở, vì vậy hãy kiểm tra kết quả trên màn hình trước khi bạn tin tưởng vào tệp đó
- Xuất bản các tệp .riv mà không có màn hình giật gân Rive vẫn cần gói trả phí, từ Cadet ở mức 9 đô la mỗi chỗ ngồi mỗi tháng, thanh toán hàng năm
- Lời nhắc mô tả kết quả bạn muốn hoạt động tốt hơn lời nhắc mô tả mã
Một giải pháp thay thế: máy chủ MCP của ExodeUI
ExodeUI là một công cụ trình duyệt và máy tính để bàn dành cho hoạt ảnh và giao diện người dùng tương tác. Nó cũng có máy chủ MCP, vì vậy Claude Code, Cursor và các công cụ mã hóa AI khác có thể tạo và chỉnh sửa hoạt ảnh từ các lời nhắc bằng ngôn ngữ đơn giản. Kết quả là một tệp .exode JSON mở với các máy trạng thái, vật lý lò xo cũng như đầu vào và sự kiện mà mã của bạn điều khiển, được phát bởi các thời gian chạy cho React, Vue, Svelte, Angular, Solid, React Native, SwiftUI và Flutter. Nó phù hợp với giao diện người dùng sản phẩm tương tác hơn là hoạt hình nhân vật. Nếu bạn đã làm việc trong Rive, máy chủ MCP của nó là lựa chọn đơn giản hơn.
Đoạn mã triển khai thực tế
# Rive desktop editor must be open first
claude mcp add --transport http rive http://127.0.0.1:9791/mcp
# then start Claude Code
claudeNguyên tắc chính cần nhớ
- Máy chủ Rive MCP chạy bên trong trình chỉnh sửa máy tính để bàn Rive tại http://127.0.0.1:9791/mcp
- Claude Code kết nối bằng một lệnh; Cursor kết nối thông qua Công cụ & MCP
- Nó có thể xây dựng các hình dạng, hoạt ảnh, máy trạng thái, xem mô hình và tập lệnh Luau trong tệp đang mở
- Rive CLI là một tuyến dựa trên văn bản riêng biệt dành cho các tác nhân xây dựng tệp Rive từ mã