Connect Claude to Orvio

Add Orvio as a custom connector in Claude, approve it once in your browser, and ask for a product.

At the end, Claude can search the catalog, read any product's pages, components and design tokens, and add them to your project. You approve the connection once, in your browser.

Before you start#

• An Orvio account with an active membership (Individual, Team, or free access granted by Orvio).
• Claude with custom connectors (claude.ai or the Claude desktop app).

Steps#

1. 1

   Copy the server address

   One address for the whole catalog.

   Server addressCopy

   https://mcp.orvio.design/mcp
   

2. 2

   Add it as a custom connector

   In Claude, open Settings → Connectors → Add custom connector. Name it Orvio and paste the address.

3. 3

   Approve it in your browser

   Claude opens an Orvio page. Sign in and choose Allow. The connection appears in Account → Integrations, where you can revoke it at any time.

4. 4

   Ask for a product

   Start a new chat and paste:

   Try itYour first requestCopy prompt

   Using Orvio, show me Sotto's colour tokens with their values.

   Works with Remote MCP·Replace the highlighted parts

   Name the product to save a search. With an identifier from a product page, such as sotto/page/index, Claude fetches exactly that page.

Check it works#

Claude should list colour tokens such as --sotto-blush, each with the file and line that define it.

What to ask next#

• "List Sotto's pages, then add the home page to my project."
• "Rebuild Sotto's hero as a React component with my Tailwind theme."

More requests are in the Prompt library.

What Claude can and cannot do#

Claude can read the catalog and the files of products your membership covers. It cannot change your account or billing, and it cannot write to Orvio. Orvio shows only what its server records: it cannot see whether Claude is connected or what Claude changed in your project.