Spec Driven Development
MCP Server that facilitates spec-driven development workflows, not just Vibe Coding.
제작자가 쓴 설명(영어 원문)
Free, editor-less MCP server for Rive: create, edit, render .riv — plus an AI-collaborative Studio
이 세 가지는 절대 하나의 점수로 합치지 않아요. 의견, 측정, 인기는 서로 다른 것이니까요.
이 서버는 아직 쉬운 말로 된 요약을 쓰지 못했어요. 아래는 레지스트리에서 읽어 온 사실이에요.
쓰고 있는 AI 앱을 고른 다음 설정을 복사하세요.
필요한 것
어떤 앱을 쓰세요?
위에서 앱을 고르세요. 기억해 두었다가 다음부터는 버튼에 “…에 설치”라고 표시해요.
Claude Desktop → Settings → Developer → Edit Config를 열고 claude_desktop_config.json에 이 내용을 붙여 넣으세요
{
"mcpServers": {
"rive": {
"command": "npx",
"args": [
"-y",
"rive-mcp-server"
]
}
}
}터미널에서 이 명령어를 실행하세요
claude mcp add rive -- npx -y rive-mcp-server프로젝트의 .cursor/mcp.json 또는 ~/.cursor/mcp.json에 붙여 넣으세요
{
"mcpServers": {
"rive": {
"command": "npx",
"args": [
"-y",
"rive-mcp-server"
]
}
}
}브라우저가 앱을 열지 물어본 다음, 앱이 설정을 보여 주고 확인을 요청해요. 키 값은 비워 두니 직접 입력하세요.
프로젝트의 .vscode/mcp.json에 붙여 넣으세요
{
"servers": {
"rive": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"rive-mcp-server"
]
}
}
}브라우저가 앱을 열지 물어본 다음, 앱이 설정을 보여 주고 확인을 요청해요. 키 값은 비워 두니 직접 입력하세요.
이 서버는 내 컴퓨터에서 실행되는데, ChatGPT는 인터넷에 있는 서버에만 연결할 수 있어요. 다른 앱을 고르세요.
선택한 앱은 이 기기의 쿠키에만 저장돼요. 계정은 필요 없어요.
이 설정은 제작자의 레지스트리 정보로 만들었어요. README와 다르면 README를 따르세요.
내 컴퓨터에서 실행돼요. 설치하면 AI 앱에 도구 목록이 나타나요.
누구나 볼 수 있는 정보를 점검했고, 코드는 읽지 않았어요. 해당하지 않는 항목은 개수에서 뺐어요. · 2026년 11월 7일 점검
레지스트리 이름이 GitHub 계정 ODU33104 기준으로 확인되었고, 이 계정이 저장소를 소유하고 있어요
아직 GitHub에서 이 저장소를 읽어 오지 않았어요
아직 GitHub에서 이 저장소를 읽어 오지 않았어요
내 컴퓨터에서 실행되는 서버라 인터넷 엔드포인트가 없어요
내 컴퓨터에서 실행되며, 대신 로컬 설정을 사용해요
내 컴퓨터에서 실행돼요. 도구 목록은 인터넷 엔드포인트가 있는 서버에서만 읽을 수 있어요
레지스트리에서 이 카테고리의 활성 서버 전체와 비교했어요. 스타는 게시자가 저장소를 소유한 경우에만 세요.
해당하는 기본 점검 1개 중 1개를 통과했어요. 코드는 읽지 않았어요. 키나 토큰을 넣기 전에 서버가 어떤 권한을 요구하는지 확인하고, 꼭 필요한 권한만 있는 키를 쓰세요.
레지스트리에 필수 키가 나와 있지 않아요. 다만 처음 쓸 때 로그인을 요구하는 서버도 있어요.
내 컴퓨터에서 실행돼요. AI 앱이 필요할 때 실행하고, 데이터는 제작자의 서버를 거치지 않아요(서버 자체가 온라인 서비스를 호출하는 경우는 제외).
GitHub 저장소는 마지막으로 – 변경됐고, 최신 버전(0.12.0)은 9일 전 레지스트리에 올라왔어요.
Claude Desktop, Claude Code, Cursor, VS Code처럼 MCP를 지원하는 앱에서 쓸 수 있어요. 내 컴퓨터에 Node.js도 있어야 해요.
같은 카테고리에는: Spec Driven Development, Remote Desktop Commander, OpenTakeoff
같은 카테고리에서 다른 제작자가 만든 서버예요. 스타 순으로 정렬했어요.
카드 보는 법:★ GitHub 스타i세 기둥: 리뷰 · 점검 · 사용 정도i업데이트 = 최신 버전을 레지스트리에 공개한 날i
MCP Server that facilitates spec-driven development workflows, not just Vibe Coding.
Remote Desktop Commander: use files, terminal and processes on your own computers from any AI app.
Construction takeoff for AI agents: load plans, set scale, measure, count, export with provenance.
제작자의 저장소에서 쓰인 그대로 가져왔어요. PopNx MCP가 검토하거나 보증한 내용이 아니에요. HTML, 이미지, 스크립트는 제거했어요. 링크를 누르면 이 사이트를 벗어나요.
Create, edit, inspect, render and live-preview Rive (`.riv`) animations from Claude — no Rive editor and no subscription. The server runs on your machine; the few outside calls are listed under [Network access](#network-access).
🌐 English | 日本語 | 简体中文 | 한국어 | Español | Français | Deutsch | Português (Brasil)
rive-mcp is a free MCP (Model Context Protocol) server that gives Claude (or any MCP client) full control over .riv files. Unlike the official Rive MCP (which requires the editor running) or paid third-party servers, it works with nothing but a .riv file — and it can even build `.riv` files from scratch by serializing the binary format directly.
Rendering runs the official Rive runtime (@rive-app/canvas-advanced WASM) inside headless Chromium, so previews follow the runtime's output, except for the Canvas2D differences listed under Limitations.
This animation was generated entirely by riv_create — no Rive editor involved.
pop-in, staggered rise-in, breathing, stagger-in, parallax-drift, shimmer, …) with professionally tuned amplitudes/easings, an OKLCH design-token generator (riv_design_tokens), motion-quality lint rules (robotic linear movement, teleports, missing stagger), and a one-call critique loop (riv_critique: frames + objective metrics + scoring checklist)@twemoji/svg when offline) as true bezier paths (riv_import_svg, riv_asset_search), decompile existing .riv files into editable specs including gradients, blend modes and hand-tuned animation tracks (riv_decompile), plus trim paths (draw-on), clipping masks, blend modes (multiply shadows, screen glows), follow-path motion, solos and detached bezier handles in the scene specriv_studio_notes, fixes the file, and replies into the same thread; your browser updates instantly.riv with cutout parts, bone-skinned head mesh, eye blink, idle/happy animations and a state machineriv_inspect decodes ViewModel definitions, instances (with resolved values), enums, converters and bind wiring — data binding inspection that few tools support yet; riv_batch_render exports many files × formats in one glob-aware call for CI, and riv_ab_compare composites two files side by side into one labeled GIF/APNG for design reviewtest/e2e.mjs starts the server and calls its tools over JSON-RPC on samples/vehicles.riv; generated files are loaded, rendered and state-machine-driven by the official runtime in those tests| Tool | What it does |
|---|---|
riv_list | Recursively find .riv files (size, format version) |
riv_inspect | Full metadata: artboards, animations (duration/fps/loop), state machines and inputs, plus data-binding structure (ViewModel definitions, instances with resolved values, enums, converters, bind wiring) when the file uses it |
riv_lint | Static diagnostic: broken references, oversized embedded assets, unreachable state-machine states, unconditional self-transitions (infinite-loop risk), unused inputs, easing silently discarded on a track's last keyframe, motion-quality rules (all-linear "robotic" movement, teleporting objects, missing stagger, one-sided scale) |
riv_render_frame | Render any moment to PNG (inline image + file) |
riv_render_gif | Turn an animation into a preview GIF |
riv_render_apng | Animated PNG export — 24-bit color + alpha transparency (plays on GitHub) |
riv_render_video | Record an animation or state machine to WebM video |
riv_render_sprites | Sprite-sheet PNG + JSON metadata (for game engines) |
riv_batch_render | Render a list of jobs — single files or globs — to png/gif/apng/webm/sprites in one call; per-job error isolation and a timing report, built for CI |
riv_play_state_machine | Set/fire inputs → advance → state-transition report (+ optional frame captures) |
riv_generate_code | Integration code with real artboard/SM/input names (React / JS / Vue / Svelte / Flutter) |
riv_create | Build a `.riv` from a JSON scene spec — validated with the official runtime, returns a preview. Supports bezier-handled vertices, elastic easing, gradients, physics baking, particles, and semantic motion presets ({"preset":"pop-in","target":"card"} expands server-side into professionally tuned keyframes — entrances/exits/emphasis/ambient loops, with stagger for groups). Also embeds audio (WAV/MP3/FLAC) fired from timeline frames or state-machine entry — the AudioAsset/AudioEvent are written correctly but only play back in a GPU-backed Rive runtime, not this server's own preview |
riv_design_tokens | Generate design tokens before designing: OKLCH-harmonized palette (+WCAG contrast), gradient pairs, Material-Motion durations & easing roles, spacing/radius/type scales — deterministic from seed color + mood |
riv_import_svg | SVG → Rive bezier shapes (Figma/Illustrator exports, icons, illustrations): full cubic vertices, multi-contour paths, gradients, strokes, nested transforms — so the AI composes pro artwork instead of drawing with primitives. Fragments plug into riv_create via imports |
riv_asset_search | Search Iconify's ~200k professionally designed icons and import one directly as Rive shapes (needs network) |
riv_lottie_import | Lottie/bodymovin JSON → Rive scene fragment — pulls in LottieFiles' huge library of free professionally-animated assets art *and* choreography: keyframed transforms with exact bezier easing curves (not preset-approximated), path morphing (per-vertex keyframes), shape/null/precomp layers, gradients, trim-path draw-on, visibility windows. Unsupported bits (text layers, masks, mattes, …) are counted, not silently dropped |
riv_decompile | .riv → editable scene spec: study or remix professional files (bezier paths, gradients, solos, trim paths, animations with named easings); unsupported types are counted, not silently dropped |
riv_critique | One-call review bundle that makes motion visible to a VLM: a filmstrip (frames left→right), an onion-skin overlay (motion trails), a motion report (net displacement vector per animated object), objective metrics (bezier ratio, palette flags, easing distribution) + lint findings + a fixed 7-axis scoring checklist incl. spatial/directional coherence (does each mover travel toward its artwork's front? is the perspective consistent?) |
riv_edit | Lossless editing of existing .riv files: set properties, swap named text, delete subtrees, add/replace/remove keyframes |
riv_optimize | Shrink a .riv without changing its visual output: remove unreferenced interpolators/events/empty tracks left over from prior edits, thin redundant keyframes on strictly-linear runs (Douglas-Peucker, easing-safe — cubic/hold segments are never touched), with a dryRun report of the plan |
riv_repair | Repair lint findings that can be fixed safely, one change at a time. Each candidate is compared pixel by pixel with the original, and a change that alters the rendering is skipped with the reason. Covers unused inputs, dead easing, broken references and unused interpolators. dryRun reports the plan without writing anything. Writes to out; without out, .repaired.riv is created next to the source |
riv_export_lottie | Export one animation of a .riv to Lottie JSON. Features that cannot be converted are listed as lost, approximated ones as approximated. Pixel comparison is reported as unverified |
riv_preflight | Check which runtimes can run a .riv. Detects the features the file uses and returns ok / warn / unsupported / unknown for each target (web, iOS, Android, Flutter, Unity, React Native). The compatibility table covers only combinations with a documented source; everything else is unknown. Also tries loading the file in the bundled official WASM runtime |
riv_extract_assets | Extract embedded images/fonts from a .riv |
riv_visual_diff | Pixel diff of two .riv files with a highlighted diff image |
riv_ab_compare | Render two .riv files under identical conditions into one labeled side-by-side (or stacked) GIF/APNG for human review — where riv_visual_diff measures a pixel-level delta, this one is for eyeballing two different things playing next to each other |
riv_dump | Low-level binary structure dump (typeKeys / properties / hierarchy) |
riv_slice_image | Cut character parts out of a PNG by polygon (for cutout rigging) |
riv_rig_character | Character PNG → fully rigged `.riv` in one call |
riv_diff | Structural diff between two .riv files |
riv_studio | Local web Studio: Rive-editor-style dark UI — hierarchy tree, canvas select/drag/resize, inspector, keyframe timeline editing, bezier curve editor (drag control points, hold/linear/cubic, 10 easing presets), state machine graph view (node graph, transition details, lint-highlighted states, live playback highlighting), onion skin overlay, undo/redo, playback speed, one-click export (PNG/APNG/GIF/WebM), live preview + hot reload, EN/JA. share: true also opens a read-only LAN view behind an unguessable token URL (play / scrub / state-machine inputs only; the editable Studio stays on 127.0.0.1) |
riv_studio_notes | Read the Studio's Agent chat (with auto-attached context: selection, artboard, animation, playback time) and post replies back into it |
| riv_ui_detect | **Read a UI screens
앞부분만 보여 드려요. 나머지는 저장소에서 읽어 보세요