AI tools, native to
your design system.

An MCP server that hands Cursor, Claude Code and v0 your real components, tokens and patterns, so nothing is guessed.

Cursor

Build Relay, a dispatch console for a city courier service: a live map, orders, couriers, zones, insights and alerts. Use Orvain.

Built in one pass
app.relay.city/dispatch
DispatchThursday 29 October · 14:20 · 1 courier running late
21296.2% of todayOn time
9avg +6 minRunning late
Deliveries per hour1,284todayMedian 23 min door to door
Target 11014:00, now118Delivered
180120600
07:0009:0011:0013:0015:0017:0019:0021:00
Tracked couriers4 of 128
CENTRAALCENTRUMJORDAANDE PIJPOOSTOUD-WESTNVNoor11 minDaanLotteSem
Amsterdam128 couriers on the road · 41 live routesFollowing Noor Visser
R-48213On the way11minto Keizersgracht 312arrives 14:31
  1. Order placed13:48
  2. Picked up at Bakkerij Mol14:02
  3. On the way · 1.8 km leftNow
  4. Delivered to Iris~14:31
Noor VisserE-bike
6/6
Pages
46
Components
0
Invented props
The toolkit

Everything your agent needsto ship with your system.

Six tools behind one connection, wired to the same components, tokens and patterns your engineers ship.

01 · mcp server · hosted

One endpoint

every MCP clientCursor · Claude · Copilot

A hosted Model Context Protocol server. Agents call get_component, get_tokens and get_pattern against the live library.

ask: “list every component in our design system”
02 · get_component

Component context

props & variantsslots · usage

Full prop tables, slots and variants in the model's context, so it knows the API before it writes a line.

ask: “what props does our Switch take?”
03 · get_tokens

Token sync

white-labelcolor · radius · type

Color, radius, spacing and type tokens from one config. Re-theme once and every generation follows.

ask: “restyle this card with our tokens”
04 · figma ↔ code

Code Connect

one sourcedesign · code

Figma components mapped to their code, so hand-off and AI generation read the same source of truth.

ask: “build this frame with its mapped components”
05 · get_pattern

Prompt → screen

real primitivestype-safe

Describe a screen in plain language and get a composed page built from your components: billing, dashboards, settings.

ask: “build a billing settings page”
06 · schema check

Guardrails

0 invented propschecked before write

Every call validated against the schema. Invented props, missing variants and made-up imports are rejected.

ask: “fix any prop that does not exist”
Where it runs

Built for the editorsyou already use.

The Orvain MCP server works in anything that speaks the Model Context Protocol, with one entry in your editor's config.

  • CursorSupportedOne entry in .cursor/mcp.json · Native MCP
  • Claude CodeSupportedOne claude mcp add command · Native MCP
  • WindsurfSupportedOne entry in Cascade's MCP config · Native MCP
  • GitHub CopilotSupportedOne entry in .vscode/mcp.json, in agent mode · Native MCP
  • v0SupportedA drop-in adapter, no setup of your own · Via adapter
  • Any MCP clientSupportedOne server URL in its MCP settings · Native MCP

Questions, answered.

What is an MCP server, exactly?

Model Context Protocol is an open standard that lets AI tools call structured “tools” over a connection. Our hosted endpoint exposes your component library (its props, tokens and patterns) so any MCP-aware assistant can query the real source instead of guessing from training data.

Which AI tools are supported?

How do you guarantee “0 hallucinated props”?

Does this work with my own theme?

Read the MCP guide
The Orvain Dispatch

Premium components, free in your inbox.

Join the Orvain Dispatch and get production-ready components, free to keep: React and Vue code plus the Figma frame, yours to ship.

Just components, never spam. You can unsubscribe anytime.