# Orvio

> Orvio is a subscription catalog of complete, coded design products (websites, web apps, mobile apps). Each product is delivered as its own source, mostly static HTML, CSS and JS, with its design tokens, versioned and under one licence. A member's AI agent reads a product over MCP or the CLI and adapts it to the member's framework.

Access is by membership: Individual $49 a month, Team $149 a month (five people), yearly billing two months free. An active membership reaches the whole catalog, always at the latest release. Browsing the catalog and product pages is free; reading or pulling source needs a membership. Prices are in USD.

## Use Orvio from an AI agent

- [Remote MCP server](https://mcp.orvio.design/mcp): streamable HTTP; the client signs the member in through the browser (OAuth). Tested with Claude and Codex; other clients that support remote MCP servers with browser sign-in may work, none is claimed.
- [MCP & CLI guide](https://orvio.design/agent-mcp): how to connect an AI tool, step by step
- [CLI guide](https://orvio.design/agent-mcp?tab=cli): install with `npm i -g orvio`, then `orvio login`
- [OAuth protected resource metadata](https://mcp.orvio.design/.well-known/oauth-protected-resource/mcp): RFC 9728 discovery document of the MCP server

MCP tools:

- `search_products`: find products in the catalog, or list them all
- `get_product`: a product's current release: framework, compatibility as recorded, names of its pages and components
- `read_release`: overview, licence text, the publisher's instructions for agents and the file tree of a release
- `list_release_files`: the release file tree with sizes and SHA-256 digests
- `read_file`: one file, byte-identical to the archive entry, with its SHA-256
- `get_page`: a page with the source files it needs
- `get_component`: a component with the source files it needs
- `read_tokens`: the design tokens as extracted, and the files that define them
- `list_bookmarks`: products the account saved on the website (read-only)

CLI commands (npm package `orvio`, Node 20 or later):

- `orvio login`: sign in with your browser and register this device
- `orvio search [words]`: search the catalog
- `orvio info <product>`: a product's current release
- `orvio pull <product> [path]`: add the current release of a product to your project
- `orvio bookmarks`: list the products you saved on the website
- `orvio info`: who you're signed in as and your plan
- `orvio logout`: sign out and remove this device's authorization

## Catalog

- [Skein](https://orvio.design/products/skein): A dark flight-operations website for scheduling software: a 3D formation-stack hero, readiness forecasts, tiers, stories and a demo request. (Website; HTML · CSS · JS; version 0.1.1)
- [Replicant](https://orvio.design/products/replicant): A portfolio for an industrial designer, where every object stands alone on the page in persimmon orange. (Website; HTML · CSS · JS; version 0.1.0)
- [Xfield](https://orvio.design/products/xfield): A dark, ember-lit studio for directing AI video and stills, from a sentence to a finished take. (Web app; HTML · CSS · JS; version 0.1.3)
- [Kraeses](https://orvio.design/products/kraeses): A website for a residential architecture studio that paints a house before it builds one: a courtyard home, from the model to sunset. (Website; HTML · CSS · JS; version 0.1.3)
- [Tender](https://orvio.design/products/tender): A website for insurance collections that reads like a claim's journey: each balance followed in espresso and marigold to paid in full. (Website; HTML · CSS · JS; version 0.1.1)
- [Covero](https://orvio.design/products/covero): A website for restaurant groups that run on tonight's numbers: sales, labor and goals live for every role, from the GM to the floor. (Website; HTML · CSS · JS; version 0.1.1)
- [Domos](https://orvio.design/products/domos): Run a family house after dark from one window: lamps dimmed, rooms warmed and doors locked by touch. (Web app; HTML · CSS · JS; version 0.1.4)
- [Lintel](https://orvio.design/products/lintel): A management consulting website drawn like a doorway in stone: a dated plan, a measured result and one coral step to begin. (Website; HTML · CSS · JS; version 0.1.1)
- [Plinth](https://orvio.design/products/plinth): A talent agent's desk: who is on set today, which offers expire first and every client's fees, with the faces carrying the colour. (Web app; HTML · CSS · JS; version 0.1.1)
- [Veron](https://orvio.design/products/veron): A storefront for a technical streetwear label, where every piece is shown on the move, styled three ways and sized before the bag. (Website; HTML · CSS · JS; version 0.1.1)
- [Gridora](https://orvio.design/products/gridora): A daylight-bright website for renewable portfolio planning, where every megawatt finds its place on the grid. (Website; HTML · CSS · JS; version 0.1.1)
- [Roventrail](https://orvio.design/products/roventrail): A freight forwarding website that keeps every shipment in view: a live route on the home page and a coordinator who picks up. (Website; HTML · CSS · JS; version 0.1.1)
- [Sawyer](https://orvio.design/products/sawyer): A law firm website lit like a partner’s study at dusk: plain answers, clear options and a first conversation before anything is signed. (Website; HTML · CSS · JS; version 0.1.3)
- [Dawnline](https://orvio.design/products/dawnline): A home solar website that shows the price, payback and 25-year savings before any call, told as one day on your roof from dawn to dusk. (Website; HTML · CSS · JS; version 0.1.3)
- [Aven](https://orvio.design/products/aven): A website for the follow-through behind a workplace: agents carry each request, ticket and low-stock alert from first message to done. (Website; HTML · CSS · JS; version 0.2.2)
- [Calyx](https://orvio.design/products/calyx): A GP surgery’s working day on one screen: the list from 08:00 to 18:00, one patient in focus in blue, results, renewals and bills to hand. (Web app; HTML · CSS · JS; version 0.3.1)
- [Aurel](https://orvio.design/products/aurel): An art gallery made for the hand: one painting at a time, a curator’s order and five unhurried minutes, on 25 phone screens. (Mobile app; HTML · CSS · JS; version 0.1.1)
- [Morrow](https://orvio.design/products/morrow): A website for a team workspace that turns scattered signals into the next move, with every AI draft waiting for a person’s yes. (Website; HTML · CSS · JS; version 0.1.1)
- [Salve](https://orvio.design/products/salve): A website for EV charging operators whose chargers fix themselves at 2 AM: faults found, diagnosed and cleared before anyone calls. (Website; HTML · CSS · JS; version 0.1.2)
- [Arris](https://orvio.design/products/arris): A shop owner’s morning, on one web dashboard: sales against last month, today’s orders and what is left before the autumn drop. (Web app; HTML · CSS · JS; version 0.1.3)
- [Tairo](https://orvio.design/products/tairo): Today’s spend against a usual Thursday, two accounts and the next seven days of payments, in one web dashboard. (Web app; HTML · CSS · JS; version 0.1.2)
- [Codeship](https://orvio.design/products/codeship): A website for hiring senior coders by the team: describe the brief, watch the roles fill, start in days. (Website; HTML · CSS · JS; version 0.1.1)
- [Meridian](https://orvio.design/products/meridian): A website for shopping agents that work to the store’s rules: a clear limit before each move, a decision receipt after. (Website; HTML · CSS · JS; version 0.2.2)
- [Mirth](https://orvio.design/products/mirth): A company’s own social feed: launches cheered, kudos traded, offsite photos shared and every colleague one ⌘K away. (Web app; HTML · CSS · JS; version 0.2.2)
- [Yonder](https://orvio.design/products/yonder): Book the last two seats before Friday: events, trips and flats on the web, with every fact you need sitting beside the button. (Web app; HTML · CSS · JS; version 0.2.1)
- [Vettra](https://orvio.design/products/vettra): A vetted bench for marketing teams that need the right specialist this week, with every profile and price upfront. (Website; HTML · CSS · JS; version 0.1.0)
- [Kindbite](https://orvio.design/products/kindbite): Six-page website for an independent dental studio in static HTML, CSS and JavaScript: home, care, approach, first visit, studio, booking. (Website; HTML · CSS · JS; version 0.1.0)
- [Politis](https://orvio.design/products/politis): A website for an independent think tank that carries its readers from the senate chamber to the public square, in painted antiquity. (Website; HTML · CSS · JS; version 0.1.1)
- [Roda](https://orvio.design/products/roda): Swims, suppers and walks for eight people or fewer, hosted by locals: Lisbon at the size of a table, on 24 phone screens. (Mobile app; HTML · CSS · JS; version 0.1.1)
- [Aera](https://orvio.design/products/aera): A storefront for one pair of earbuds, where the product turns in daylight and the whole page is built to be read with them in. (Website; HTML · CSS · JS; version 0.1.4)
- [Ebb](https://orvio.design/products/ebb): Payday in ten days, rent on the 24th: one safe-to-spend figure and a money timeline, on 20 phone screens. (Mobile app; HTML · CSS · JS; version 0.2.3)
- [Brume](https://orvio.design/products/brume): A mental health app that reads moods as weather: a two-minute sky check-in, a cloud companion that remembers and breathing for the fog. (Mobile app; HTML · CSS · JS; version 0.2.1)
- [Relay](https://orvio.design/products/relay): A website for an online shop’s back room: each order passed like a baton from checkout to doorstep, a person on the legs that need one. (Website; HTML · CSS · JS; version 0.2.1)
- [Wardline](https://orvio.design/products/wardline): A website for hospital operations software that speaks like a charge nurse: bed numbers, shift times and a live ward board. (Website; HTML · CSS · JS; version 0.2.1)
- [Tessel](https://orvio.design/products/tessel): An interviewer’s week as a shortlist: today’s panels, scorecards due by 18:00 and every candidate’s loop on one white sheet. (Web app; HTML · CSS · JS; version 0.2.1)
- [Umbel](https://orvio.design/products/umbel): A website for hiring AI agents like contractors: describe the job, compare the matches, pay when it is done. (Website; HTML · CSS · JS; version 0.2.2)
- [Sotto](https://orvio.design/products/sotto): Remote hiring by referral: a website where scouts vouch for every intro. (Website; HTML · CSS · JS; version 0.2.2)

## Documentation

- [Documentation home](https://orvio.design/docs): guides, the MCP tools and CLI commands reference, and a library of prompts
- [Introduction](https://orvio.design/docs/getting-started/introduction): What Orvio is, what your AI agent can do with it, and where to start.
- [Quickstart](https://orvio.design/docs/getting-started/quickstart): From membership to your first prompt, in four steps.
- [MCP or CLI?](https://orvio.design/docs/getting-started/mcp-or-cli): Two ways to reach the same products. How to choose.
- [Membership and access](https://orvio.design/docs/getting-started/membership-and-access): Who can read source, what a membership covers, and what happens when it ends.
- [Connect Claude to Orvio](https://orvio.design/docs/mcp/connect-claude): Add Orvio as a custom connector in Claude, approve it once in your browser, and ask for a product.
- [Connect Codex to Orvio](https://orvio.design/docs/mcp/connect-codex): Add Orvio as a remote MCP server in Codex (ChatGPT desktop, the CLI or the IDE extension), sign in once in your browser, and ask for a design.
- [Connect another AI tool](https://orvio.design/docs/mcp/connect-another-ai-tool): The general steps for any AI tool that supports remote MCP servers with browser sign-in, and where Cursor, VS Code, Gemini CLI and Windsurf add one.
- [Approvals and revoking](https://orvio.design/docs/mcp/approvals-and-revoking): What you approve when you connect a tool, and how to take it back.
- [Tools reference](https://orvio.design/docs/mcp/tools): All nine MCP tools: what each does, its inputs, a real result shape and its errors.
- [Identifiers](https://orvio.design/docs/mcp/identifiers): Ask for exactly one product, page, component or token with a short identifier.
- [Limits and pagination](https://orvio.design/docs/mcp/limits-and-pagination): How big a result can be, how lists are paged, and how many requests you can make.
- [Errors and fixes](https://orvio.design/docs/mcp/errors-and-fixes): What your tool says when something goes wrong, and what to do.
- [Install the CLI](https://orvio.design/docs/cli/install): Install the orvio command with npm, or run it without installing.
- [Sign in](https://orvio.design/docs/cli/sign-in): Sign in with your browser once; each device is approved separately.
- [Commands](https://orvio.design/docs/cli/commands): Every orvio command: login, logout, info, search, pull and bookmarks.
- [Pull into a project](https://orvio.design/docs/cli/pull-into-a-project): Add a product's current release to your project, safely and without overwriting anything.
- [Scripts and CI](https://orvio.design/docs/cli/scripts-and-ci): Using the CLI in scripts: exit codes, quiet sign-in, and what the CLI does not offer.
- [Exit codes](https://orvio.design/docs/cli/exit-codes): The three exit codes of the CLI and every message it can print.
- [Prompt library](https://orvio.design/docs/prompts): Prompts that work with Orvio's tools. Copy one, replace the highlighted parts, and paste it into your AI tool.
- [Start from a template](https://orvio.design/docs/prompts/start-from-a-template): Prompts that begin a new project from a complete product, with its structure kept.
- [Take inspiration](https://orvio.design/docs/prompts/take-inspiration): Prompts that learn from a product's tokens and layout and restyle your own site.
- [Port to your framework](https://orvio.design/docs/prompts/port-to-your-framework): Prompts that turn a static product into React, Vue, Svelte or the framework your project uses.
- [What's in a release](https://orvio.design/docs/products/whats-in-a-release): The folders and files of a release, and what each one is for.
- [Design tokens](https://orvio.design/docs/products/design-tokens): How Orvio extracts tokens from a product's source, and why the source stays the authority.
- [The licence in practice](https://orvio.design/docs/products/the-licence-in-practice): The Orvio Member Licence in plain words: what you may do, what you may not, and what happens when you stop being a member.
- [Versions and updates](https://orvio.design/docs/products/versions-and-updates): Only the latest release is served. How to see what changed and bring an update into a project.
- [Troubleshooting](https://orvio.design/docs/help/troubleshooting): What you see when something goes wrong with your AI tool or the CLI, and the fix.
- [FAQ](https://orvio.design/docs/help/faq): Short answers about membership, versions, the licence, offline use and teams.
- [Contact support](https://orvio.design/docs/help/contact-support): How to reach us, and what to include so we can help quickly.
- [search_products](https://orvio.design/docs/mcp/tools/search_products): Find products in the Orvio catalog, or list them all. Returns identifiers to use with the other tools.
- [get_product](https://orvio.design/docs/mcp/tools/get_product): Facts about a product's current release: framework, compatibility as recorded, and the names of its pages and components.
- [read_release](https://orvio.design/docs/mcp/tools/read_release): Start using a whole release: overview, licence text, the publisher's instructions for agents, and the file tree; optionally every file's contents, page by page. For large releases the CLI or the ZIP is faster.
- [list_release_files](https://orvio.design/docs/mcp/tools/list_release_files): The release file tree with sizes and SHA-256 digests.
- [read_file](https://orvio.design/docs/mcp/tools/read_file): One file from the release, byte-identical to the archive entry, with its SHA-256. Text is returned as UTF-8, anything else as base64. Large text files are read in ranges.
- [get_page](https://orvio.design/docs/mcp/tools/get_page): A page of the product with the source files it needs (components, imported modules, styles, assets, token sources). When the release has the engine's analysis, closure.basis is 'engine-analysis' and closure.complete says whether nothing was left unresolved; otherwise the files are the ones the release indexes record, and the closure is not complete.
- [get_component](https://orvio.design/docs/mcp/tools/get_component): A component with the source files it needs (imported modules, styles, assets, token sources). When the release has the engine's analysis, closure.basis is 'engine-analysis' and closure.complete says whether nothing was left unresolved; otherwise the files are the ones the release indexes record, and the closure is not complete.
- [read_tokens](https://orvio.design/docs/mcp/tools/read_tokens): The product's design tokens as extracted, and the source files that define them. The source files are authoritative.
- [list_bookmarks](https://orvio.design/docs/mcp/tools/list_bookmarks): Products the account saved on the website (read-only).
- [orvio login](https://orvio.design/docs/cli/commands/login): Opens your browser to sign in to Orvio and approve this device.
- [orvio logout](https://orvio.design/docs/cli/commands/logout): Removes this device's authorization from your account and deletes the tokens stored on this computer.
- [orvio info](https://orvio.design/docs/cli/commands/info): Without a product: the email you're signed in as and your plan.
- [orvio search](https://orvio.design/docs/cli/commands/search): Searches the catalog by name and description.
- [orvio pull](https://orvio.design/docs/cli/commands/pull): Downloads the current release of <product>, checks its size and SHA-256, and only then writes its files into [path] (default: ./<product>).
- [orvio bookmarks](https://orvio.design/docs/cli/commands/bookmarks): Lists the products you saved on the website (saving and removing happens there).

## Key pages

- [Catalog](https://orvio.design/catalog): every published product
- [Membership](https://orvio.design/membership): plans and prices
- [Licence](https://orvio.design/license): the Orvio Member Licence
- [Terms](https://orvio.design/terms)
- [Privacy](https://orvio.design/privacy)
- [Support](https://orvio.design/support)

## Optional

- [Full catalog facts](https://orvio.design/llms-full.txt): the facts each product page shows, in one text file