Setup guide接入指南
Use Curio with ChatGPT在 ChatGPT 里用 Curio
ChatGPT can generate UI and decks — but on its own it defaults to a generic look. Connect Curio as an MCP connector and it can apply any of 989 real design styles instead, with no design spec to write by hand.ChatGPT 能生成 UI 和 deck —— 但单独用时默认「通用脸」。把 Curio 接成 MCP connector，它就能改用 989 真实设计风格中的任意一种，不用你手写设计规范。
What this gives ChatGPT这给 ChatGPT 带来什么
Curio runs a Model Context Protocol (MCP) server. Added as a connector, ChatGPT 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) 服务。作为 connector 加进来后，ChatGPT 就获得搜索风格库、读取风格元数据、取用完整设计规范的工具。
Connection is OAuth-based — sign in once, no API keys. Note: MCP connectors are added through ChatGPT's Developer Mode; see the developer docs for the current path.连接走 OAuth —— 登录一次，不用 API key。注意：MCP connector 通过 ChatGPT 的开发者模式添加，当前路径见开发者文档。
Setup配置步骤
-
1
Enable Developer Mode开启开发者模式
In ChatGPT settings, enable Developer Mode so you can add custom MCP connectors.在 ChatGPT 设置里开启开发者模式，才能添加自定义 MCP connector。
-
2
Add the Curio connector添加 Curio connector
Add a new connector with the URL https://mcp.designbycurio.com/mcp.添加一个新 connector，URL 填 https://mcp.designbycurio.com/mcp。
-
3
Sign in with OAuth用 OAuth 登录
Approve the connection and sign in with email, Google, or GitHub. Free works for free styles; Pro or Max unlocks the full library.同意授权并用邮箱、Google 或 GitHub 登录。免费可用免费风格；Pro 或 Max 解锁完整库。
-
4
Design in a style用风格设计
Ask ChatGPT to find a Curio style and build in it — it fetches the full spec and generates your slides, page, or component using the style's exact tokens and rules.让 ChatGPT 找一个 Curio 风格并用它生成 —— 它会取来完整规范，按该风格的精确 token 和规则生成你的幻灯片、页面或组件。
What you get你能得到什么
Consistent output: every artifact ChatGPT generates holds the same look, working from one authoritative spec.输出一致：ChatGPT 生成的每个产物都保持同一外观，依据一份权威规范。
Real, distinct styles: hundreds of movements, brands, and traditions — not the generic default.真实、各异的风格：几百种流派、品牌与传统 —— 不是通用默认脸。
No file wrangling: ChatGPT fetches the DESIGN.md live over MCP; you never hand-write one.不用折腾文件：ChatGPT 通过 MCP 实时取来 DESIGN.md，你永远不用手写。
Example prompts示例 prompt
Find a warm editorial style in Curio and make a 6-slide deck introducing our product in it.在 Curio 里找一个温暖的编辑风格，用它做一套介绍我们产品的 6 页 deck。
Use a Bauhaus style from Curio to design a landing page for this app.用 Curio 里的包豪斯风格给这个应用设计一个落地页。
FAQ常见问题
Why do I need Developer Mode?为什么要开发者模式？
ChatGPT adds third-party MCP connectors like Curio through Developer Mode. Once added, it works like any other connector. See the developer docs for the up-to-date steps.ChatGPT 通过开发者模式添加 Curio 这类第三方 MCP connector。加好后跟其它 connector 一样用。最新步骤见开发者文档。
Does this work in other tools too?在别的工具里也能用吗？
Yes. The same MCP endpoint works in Claude Code, Cursor, VS Code, Codex, and other MCP clients.能。同一个 MCP 端点在 Claude Code、Cursor、VS Code、Codex 等客户端里都能用。