Home/Setup guides/Use Curio with Cursor

Use Curio with Cursor

Cursor is fast at writing UI code — but left alone it reaches for the same generic look as every other AI. Connect Curio and it can apply any of 2543 real design styles instead, consistently, with no design spec to hand-write.

What this gives Cursor

Curio runs a Model Context Protocol (MCP) server. Once Cursor is connected, it gains tools to search the library, read a style's metadata, and fetch the full design spec for whatever you are building.

It is sign-in based — connect once with OAuth, no API keys — and your AI asks you before spending a credit. The same connection works in Cursor, Claude Code, VS Code, Codex, and other MCP clients.

Connect over MCP

  1. 1

    Open Cursor's MCP settings

    In Cursor, go to Settings → MCP and add a new server with the URL https://mcp.designbycurio.com/mcp.

  2. 2

    Sign in with OAuth

    Cursor opens the sign-in flow in your browser. Sign in with email, Google, or GitHub and approve. Connecting and browsing are free; unlocking a style costs 1 credit, once, and your AI asks you first.

  3. 3

    Find a style

    In the Cursor chat, ask it to search Curio — e.g. "search Curio for a bold editorial style" — or name one directly. It uses search_styles and get_style to pick a match.

  4. 4

    Build in that style

    Tell Cursor to build your component or page in the chosen style. It fetches the full spec with get_style_spec and writes the code using the style's exact tokens and rules.

What you get

Consistent output: every component Cursor generates holds the same look, working from one authoritative spec instead of re-guessing.

Real, distinct styles: hundreds of movements, brands, and traditions — so your UI stops looking AI-generated.

No file wrangling: you never hand-write or hunt for a DESIGN.md; Cursor fetches it live over MCP.

Example prompts

Search Curio for a clean fintech style and rebuild this dashboard component in it.
Use the Memphis style from Curio for this marketing page hero.

FAQ

Do I need an API key?

No. Curio's MCP server uses OAuth — sign in once in the browser and Cursor stays connected. No keys to copy or rotate.

Does this work in other tools too?

Yes. The same MCP endpoint works in Claude Code, VS Code, Codex, ChatGPT, and other MCP clients. See the developer docs for per-client setup.

Read the developer docs
© 2026 Curio