Introduction
What Orvio is, what your AI agent can do with it, and where to start.
Orvio is a catalog of complete, coded design products: websites, web apps and mobile apps. Each product comes as its own source code, with its design tokens, in its own framework. Most products are plain HTML, CSS and JavaScript.
With a membership, your AI agent can read any product and rebuild it in your project. You do not copy files by hand. You ask.
What you can do#
- Search the catalog and read a product's pages, components and design tokens.
- Add a whole product to your project and keep its file structure.
- Take inspiration: read one product's tokens and layout, and restyle your own site in that spirit.
- Port to your framework: turn a static product into React, Vue, Svelte or whatever your project uses.
Two ways in#
Remote MCP works from any AI tool that supports remote MCP servers with browser sign-in. The CLI is a command for your terminal. Both use the same membership and the same files. See MCP or CLI?.
How access works#
Browsing the catalog and viewing live previews is free for everyone. Reading or downloading source needs an active membership. One membership reaches the whole catalog, always at each product's latest release. Read Membership and access for the rules.
Where to start#
- Follow the Quickstart to go from membership to your first prompt.
- Or go straight to Connect Claude.
- Prefer the terminal? Read Install the CLI.
- Want ready-made requests? Open the Prompt library.
Examples in these pages#
The examples use Sotto, a real product in the catalog, as the product you ask for. The results printed in the reference pages come from Orvio's synthetic test catalog, and each page says so. The words that tools and the CLI print are the real ones.