Rive VS Code MCP
kshknsl/rive-vscode-mcp
Inspect Rive files for artboards, animations, state machines, and inputs.
- tool
- 1
- transport
- STDIO
- env var
- 1
- last updated
- Nov 9, 2026
Tools
1 toolsPublic tool metadata for what this MCP can expose to an agent.
inspect_rive_fileReturns artboard dimensions, animation names and timing, state-machine names, and input names and types.
Returns artboard dimensions, animation names and timing, state-machine names, and input names and types.
No parameter schema in public metadata yet.
Sponsors
Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthly
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any language
Agent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any languageConfiguration
RIVE_MCP_ROOTAbsolute root directory for Rive file access.
Readme
Rive VS Code MCP
Preview and inspect Rive .riv files without leaving Visual Studio Code.
Features
- Preview Rive artboards with timeline animations and state machines.
- Select artboards and animations, play or pause playback, and scrub timelines.
- Inspect state-machine inputs and interact with supported inputs.
- Adjust fit, zoom, and preview background.
- Align an artboard over a temporary background image and copy its top-left
x/ycoordinates and scale. - Optionally inspect Rive file metadata through the
inspect_rive_fileMCP tool.
Use the preview
- Install Rive VS Code MCP from the Visual Studio Code Marketplace.
- Open a
.rivfile. If prompted, choose Rive VS Code MCP as its editor. - Use the side panel to choose an artboard or inspect animations and state machines.
- Use the preview toolbar for playback, timeline scrubbing, fit, zoom, background color and opacity, and screenshot export.
MCP server in VS Code
Details
- Repository
- github.com/kshknsl/rive-vscode-mcp
- Category
- Developer Tools
- Package
rive-vscode-mcp-server- Transport
- STDIO
- Registry
- MCP registry, active
