Use Curio with Qoder
Qoder ships UI fast. Left to its own taste it ships the same UI everyone else does — the default gradient, the default card, the default blue. Point it at a Curio style and the components come out looking like they belong to a real design system, without you writing that system.
What this gives Qoder
Curio runs a Model Context Protocol (MCP) server. Once Qoder is connected it gains tools to search the library, read a style's metadata and fetch the full design spec for what you are building — colour roles, type scale, spacing rhythm, shapes, shadows, motion.
Qoder's own docs confirm it takes a streamable HTTP MCP server configured by URL, so Curio needs one entry and no local process. If you would rather not configure anything, paste a share link into the chat instead.
Connect over MCP
-
1
Open Qoder's MCP settings
Click the user icon at the top right, open Qoder 设置 (Settings), then choose MCP in the left pane.
-
2
Add the Curio server
On the 我的服务 (My Services) tab click + 添加 (Add) and paste an mcpServers entry named curio with the URL https://mcp.designbycurio.com/mcp. Qoder detects streamable HTTP from the URL, so no type field is needed.
-
3
Sign in and check the tools
Save and complete the sign-in. When the link icon shows the service is ready, expand it to see Curio's tools. Connecting and browsing are free; unlocking a style costs 1 credit, once, and your AI asks you first.
-
4
Build in a style
Ask Qoder to find a Curio style and build in it. It fetches the full spec and writes components against the style's exact tokens and rules instead of improvising.
What you get
Consistent output: every component Qoder generates holds the same look, working from one authoritative spec instead of re-guessing each time.
Styles with a real pedigree — movements, brands and traditions, not a random palette generator.
Nothing to maintain: no design-system repo to write, review or keep in sync.
Example prompts
Search Curio for a restrained Swiss style and rebuild this settings page in it.
Apply this Curio design style to the whole component library: <paste share link>.
FAQ
Do I need an API key?
No. Curio signs you in with OAuth from the client, so there is no key to paste or rotate. If your Qoder build cannot finish the OAuth handshake, fall back to the share link — it delivers the same spec.
Does fetching a style cost a credit?
Only when the full spec is unlocked. Searching, listing and reading metadata are free; fetching a style's spec draws one credit, and fetching the same style again within 15 minutes reuses it.