在 Cursor 里用 Curio

这给 Cursor 带来什么

Curio 跑着一个 Model Context Protocol (MCP) 服务。Cursor 连上后，就获得搜索风格库、读取风格元数据、取用完整设计规范的工具，用于你正在做的东西。

它是只读、登录制 —— 用 OAuth 连一次，不用 API key。同一个连接在 Cursor、Claude Code、VS Code、Codex 等 MCP 客户端里都能用。

配置步骤

1. 1

   打开 Cursor 的 MCP 设置

   在 Cursor 里进入 设置 → MCP，添加一个新服务，URL 填 https://mcp.designbycurio.com/mcp。

2. 2

   用 OAuth 登录

   Cursor 会在浏览器里打开登录流程。用邮箱、Google 或 GitHub 登录并同意。免费账户可用免费风格；Pro 或 Max 解锁完整库。

3. 3

   找一种风格

   在 Cursor 聊天里让它搜 Curio —— 比如「在 Curio 里搜一个大胆的编辑风格」—— 或直接点名。它会用 search_styles 和 get_style 选出匹配。

4. 4

   用那种风格生成

   让 Cursor 用选定风格生成你的组件或页面。它会用 get_style_spec 取来完整规范，按该风格的精确 token 和规则写代码。

你能得到什么

输出一致：Cursor 生成的每个组件都保持同一外观，依据一份权威规范而非每次重猜。

真实、各异的风格：几百种流派、品牌与传统 —— 你的 UI 不再「一看就是 AI 做的」。

不用折腾文件：你永远不用手写或找 DESIGN.md；Cursor 通过 MCP 实时取来。

示例 prompt

在 Curio 里搜一个干净的金融科技风格，用它重写这个仪表盘组件。

用 Curio 里的孟菲斯风格做这个营销页的 hero 区。

常见问题