Use Curio with Qoder在 Qoder 里用 Curio
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.Qoder 写 UI 很快。但让它自己拿主意，产出的就是所有人都在用的那一套 —— 默认渐变、默认卡片、默认蓝。把它指向一套 Curio 风格，组件出来就像出自一套真正的设计系统，而这套系统不用你写。
What this gives Qoder这给 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.Curio 跑着一个 Model Context Protocol (MCP) 服务。Qoder 连上后，就获得搜索风格库、读取风格元数据、为你正在做的东西取用完整设计规格的工具 —— 色彩角色、字号阶梯、间距节奏、形状、阴影、动效。
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.Qoder 官方文档明确支持按 URL 配置 streamable HTTP 的 MCP 服务，所以 Curio 只要一条配置、不用起本地进程。要是你连配置都懒得动，直接把分享链接粘进对话框也行。
Copy a share link复制链接
The fastest route, and it needs no setup at all. Every style page mints a link that stays live for 15 minutes; paste it into the chat with whatever you want restyled.最快的路径，而且完全不用配置。每个风格页都能生成一个 15 分钟内有效的链接，连同你想改造的内容一起粘进对话框就行。
-
1
Pick a style选择一个风格
Open any style's page from the gallery. Every style has its own page with the full preview.在风格库里打开任意一套风格的详情页。每套风格都有独立页面和完整预览。
-
2
Click “Hand off to My AI”, then pick your AI点击「转发给我的 AI」，然后选你在用的 AI
The button opens a panel of AI clients. Choose the one you are using — Claude, ChatGPT, Gemini, WorkBuddy, Qoder, DeepSeek, Kimi, and more. Picking one is what arms the copy button below it.按钮会打开一个 AI 客户端面板。选你正在用的那个——Claude、ChatGPT、Gemini、WorkBuddy、Qoder、DeepSeek、Kimi 等。选中之后，下方的复制按钮才会激活。
-
3
Copy the link and paste it to your AI生成链接，复制给你的 AI
Curio mints the link and copies it together with a ready-made prompt, so you can paste the whole thing into the chat and add what you want restyled.Curio 生成链接，并连同一句写好的提示词一起复制——直接粘进对话框，再补一句你想改造什么就行。
Your client not on the panel? Pick any card — the copied link and prompt are identical, and choosing one only enables the button. Minting a link unlocks that style’s full spec and draws one credit; copying the same style again within 15 minutes reuses it at no extra cost.面板里没有你的客户端？随便选一个——复制出来的链接和提示词完全一样，选中只是为了激活按钮。生成链接即解锁该风格的完整规格，扣 1 个积分；15 分钟内再复制同一套风格会复用它，不重复扣费。
Connect over MCP通过 MCP 接入
-
1
Open Qoder's MCP settings打开 Qoder 的 MCP 设置
Click the user icon at the top right, open Qoder 设置 (Settings), then choose MCP in the left pane.点右上角用户图标，打开「Qoder 设置」，左侧选 MCP。
-
2
Add the Curio server添加 Curio 服务
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.在「我的服务」标签页点「+ 添加」，粘一条 mcpServers 配置，名字 curio，URL 填 https://mcp.designbycurio.com/mcp。Qoder 会自动识别 streamable HTTP，不用写 type。
-
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. Free covers the free styles; Pro or Max unlocks the whole library.保存并完成登录。链接图标显示服务就绪后，展开就能看到 Curio 的工具列表。免费档可用免费风格；Pro 或 Max 解锁整座库。
-
4
Build in a style用风格写 UI
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.让 Qoder 找一套 Curio 风格并用它写。它会取来完整规格，按该风格的精确 token 和规则写组件，而不是自己现编。
What you get你能得到什么
Consistent output: every component Qoder generates holds the same look, working from one authoritative spec instead of re-guessing each time.输出一致：Qoder 生成的每个组件都保持同一外观，依据一份权威规格而非每次重猜。
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示例 prompt
Search Curio for a restrained Swiss style and rebuild this settings page in it.在 Curio 里搜一个克制的瑞士风格，用它重做这个设置页。
Apply this Curio design style to the whole component library: <paste share link>.把这套 Curio 设计风格套到整个组件库上：<粘贴分享链接>。
FAQ常见问题
Do I need an API key?需要 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.不需要。Curio 在客户端里走 OAuth 登录，没有要粘贴或轮换的 key。如果你的 Qoder 版本走不通 OAuth 握手，退回用分享链接即可 —— 拿到的是同一份规格。
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.只有解锁完整规格时才扣。搜索、列目录、读元数据都免费；取某套风格的规格扣 1 个积分，15 分钟内再取同一套会复用、不重复扣。