Setup guide接入指南
Use Curio with Cursor在 Cursor 里用 Curio
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 989 real design styles instead, consistently, with no design spec to hand-write.Cursor 写 UI 代码很快 —— 但放任不管，它会跟其它 AI 一样抓「通用脸」。连上 Curio，它就能改用 989 真实设计风格中的任意一种，而且一致，不用你手写设计规范。
What this gives Cursor这给 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.Curio 跑着一个 Model Context Protocol (MCP) 服务。Cursor 连上后，就获得搜索风格库、读取风格元数据、取用完整设计规范的工具，用于你正在做的东西。
It is read-only and sign-in based — connect once with OAuth, no API keys. The same connection works in Cursor, Claude Code, VS Code, Codex, and other MCP clients.它是只读、登录制 —— 用 OAuth 连一次，不用 API key。同一个连接在 Cursor、Claude Code、VS Code、Codex 等 MCP 客户端里都能用。
Setup配置步骤
-
1
Open Cursor's MCP settings打开 Cursor 的 MCP 设置
In Cursor, go to Settings → MCP and add a new server with the URL https://mcp.designbycurio.com/mcp.在 Cursor 里进入 设置 → MCP，添加一个新服务，URL 填 https://mcp.designbycurio.com/mcp。
-
2
Sign in with OAuth用 OAuth 登录
Cursor opens the sign-in flow in your browser. Sign in with email, Google, or GitHub and approve. A free account works for free styles; Pro or Max unlocks the full library.Cursor 会在浏览器里打开登录流程。用邮箱、Google 或 GitHub 登录并同意。免费账户可用免费风格；Pro 或 Max 解锁完整库。
-
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.在 Cursor 聊天里让它搜 Curio —— 比如「在 Curio 里搜一个大胆的编辑风格」—— 或直接点名。它会用 search_styles 和 get_style 选出匹配。
-
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.让 Cursor 用选定风格生成你的组件或页面。它会用 get_style_spec 取来完整规范，按该风格的精确 token 和规则写代码。
What you get你能得到什么
Consistent output: every component Cursor generates holds the same look, working from one authoritative spec instead of re-guessing.输出一致：Cursor 生成的每个组件都保持同一外观，依据一份权威规范而非每次重猜。
Real, distinct styles: hundreds of movements, brands, and traditions — so your UI stops looking AI-generated.真实、各异的风格：几百种流派、品牌与传统 —— 你的 UI 不再「一看就是 AI 做的」。
No file wrangling: you never hand-write or hunt for a DESIGN.md; Cursor fetches it live over MCP.不用折腾文件：你永远不用手写或找 DESIGN.md；Cursor 通过 MCP 实时取来。
Example prompts示例 prompt
Search Curio for a clean fintech style and rebuild this dashboard component in it.在 Curio 里搜一个干净的金融科技风格，用它重写这个仪表盘组件。
Use the Memphis style from Curio for this marketing page hero.用 Curio 里的孟菲斯风格做这个营销页的 hero 区。
FAQ常见问题
Do I need an API key?需要 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.不需要。Curio 的 MCP 服务用 OAuth —— 在浏览器里登录一次，Cursor 就保持连接。没有 key 要拷贝或轮换。
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.能。同一个 MCP 端点在 Claude Code、VS Code、Codex、ChatGPT 等客户端里都能用。逐客户端配置见开发者文档。