mcpField
C
Curio — design style library

Curio — design style library

远程服务
designbycurio.com媒体与设计01 周前更新

关于 Curio — design style library

Curio 是面向 AI Agent 的设计风格库,适用于制作幻灯片、网站、应用等内容。它提供可搜索的风格、预览图和机器可读规范,便于直接应用于设计。

主要功能

  1. 01按关键词和筛选条件搜索风格
  2. 02按用途和氛围浏览风格
  3. 03查看封面和版式截图
  4. 04获取精确的设计规范
  5. 05解锁风格以便持续使用
  6. 06查看额度余额

适用场景

  1. 01为演示文稿寻找视觉风格
  2. 02选用前预览幻灯片风格
  3. 03将风格规范应用到网站
  4. 04探索适用于仪表盘或文章的风格

MCP 相关

提供远程 MCP 服务,可搜索和浏览风格、查看预览、获取规范、解锁风格及查询额度余额。

配置

远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。

服务地址https://mcp.designbycurio.com/mcp
一键复制安装命令
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。

全部服务地址
Streamable HTTPhttps://mcp.designbycurio.com/mcp需要授权

工具

详细介绍

Curio MCP

将你的 AI 连接到 Curio —— 一个专为 AI Agent 打造的设计风格库。这里有数千种设计风格(真实的设计运动、品牌和文化传统),每种风格都配有机器可读的规范,Agent 可直接将其应用于幻灯片、网站和产品。

  • 找到合适的风格:用英文或中文搜索,也可以按创作内容(幻灯片、网站、应用、商店、文章、海报……)和想要的感觉(极简、奢华、活泼、复古、未来感……)筛选。

  • 先预览再选择:每种风格都附有封面图;按需还可查看真实布局的截图,包括幻灯片封面、内容页和数据页、仪表板、定价页和文章。

  • 精准应用:获取完整的设计规范(DESIGN.md),让你的 AI 使用其中精确的颜色、字体、间距和组件。

  • 端点:https://mcp.designbycurio.com/mcp(可流式传输的 HTTP)

  • 身份验证:大多数客户端通过 OAuth 登录。无法打开浏览器登录的客户端则使用个人 API 密钥。搜索、浏览和预览均免费;1 个点数即可永久解锁一种风格(点数包,永不过期)。点数用完了?你的 AI 会提供购买链接。

  • 协议:MCP 2026-07-28 和 2025 年的修订版

  • 文档:designbycurio.com/docs

工具

工具功能费用
search_styles关键词搜索(英文或中文),支持筛选条件:use(创作内容)、mood、kind(风格来源)、color、era、region、dark免费
list_styles使用相同的筛选条件浏览 / 分页免费
get_style获取一种风格的元数据和封面图;传入 scenes 可查看真实布局的截图(slide-cover、slide-content、slide-data、dashboard、price、article 或 all)免费
get_style_spec获取已解锁风格的完整设计规范(DESIGN.md);对于未解锁的风格,则返回所需点数、你的余额和购买点数的链接免费
unlock_style永久解锁一种风格并返回其规范——你的 AI 会先征求你的同意1 个点数,每种风格仅需一次
get_balance查看你的点数余额、已解锁的风格数量,以及购买更多点数的链接免费

你的 AI 绝不会擅自花费点数:get_style_spec 只会读取信息,而 unlock_style 应在你同意后调用。解锁已拥有的风格不收费。

安装

Gemini CLI
gemini extensions install https://github.com/designbycurio/curio-mcp-extension
Claude Code
claude mcp add --transport http curio https://mcp.designbycurio.com/mcp
Claude.ai / Claude Desktop

设置 → 连接器 → 添加自定义连接器 → https://mcp.designbycurio.com/mcp

Cursor

添加到 Cursor

按钮会打开 Cursor 并为你添加 Curio。你也可以自行将其添加到 ~/.cursor/mcp.json——首次使用时,Cursor 会打开浏览器供你登录:

{
  "mcpServers": {
    "curio": { "url": "https://mcp.designbycurio.com/mcp" }
  }
}
VS Code(Copilot)

在 VS Code 中安装 在 VS Code Insiders 中安装

按钮会打开 VS Code,并将 Curio 安装到你的用户 MCP 配置中。你也可以自行将其添加到 .vscode/mcp.json——首次连接时,VS Code 会打开浏览器进行授权:

{
  "servers": {
    "curio": { "type": "http", "url": "https://mcp.designbycurio.com/mcp" }
  }
}
Codex(CLI / IDE 扩展)
codex mcp add curio --url https://mcp.designbycurio.com/mcp
Kimi Code CLI
kimi mcp add --transport http --auth oauth curio https://mcp.designbycurio.com/mcp
ChatGPT

设置 → 应用与连接器 → 开发者模式 → 添加 https://mcp.designbycurio.com/mcp。

API 密钥

有些客户端无法打开浏览器登录,只提供令牌输入框(ZCode、WorkBuddy、Qoder、Trae、Cherry Studio、Antigravity、Manus……)。对于这些客户端,请创建个人 API 密钥,并将其作为请求标头发送。支持 OAuth 登录的客户端不需要密钥。

  1. 登录 designbycurio.com,然后打开 账户 → 已连接的应用 → API 密钥。将密钥命名为客户端的名称,然后创建密钥。
  2. 立即复制密钥——它以 curio_sk_ 开头,且只会显示一次。
  3. 在客户端的 MCP 设置中,添加带有此标头的服务 URL:
Authorization: Bearer curio_sk_…

大多数客户端都接受类似这样的 JSON 块。有些客户端将地址字段命名为 serverUrl 或 httpUrl,或者要求选择传输类型——请选择流式 HTTP。

{
  "mcpServers": {
    "curio": {
      "url": "https://mcp.designbycurio.com/mcp",
      "headers": { "Authorization": "Bearer curio_sk_…" }
    }
  }
}

Claude Code 通过命令行接收标头:

claude mcp add --transport http curio https://mcp.designbycurio.com/mcp --header "Authorization: Bearer curio_sk_…"

Codex 从环境变量读取密钥,因此密钥不会留在配置文件中:

export CURIO_API_KEY=curio_sk_…
codex mcp add curio --url https://mcp.designbycurio.com/mcp --bearer-token-env-var CURIO_API_KEY

VS Code 可以提示输入密钥并安全存储,而不是将其写入 mcp.json:

{
  "inputs": [
    { "type": "promptString", "id": "curio-key", "description": "Curio API key", "password": true }
  ],
  "servers": {
    "curio": {
      "type": "http",
      "url": "https://mcp.designbycurio.com/mcp",
      "headers": { "Authorization": "Bearer ${input:curio-key}" }
    }
  }
}

两种密钥。 只读密钥(默认)可以搜索、浏览和获取你已解锁的风格,并且不会消耗点数。创建密钥时,勾选允许其消耗点数来解锁风格,你的 AI 也可以调用 unlock_style——调用前会征求你的同意,与 OAuth 方式相同。请像对待密码一样保护密钥:不要将其粘贴到聊天中,也不要提交到代码库。你可以随时在同一页面撤销密钥;使用该密钥的客户端会在 30 秒内停止工作。

示例提示词

  • “找一种日式极简风格,并用它重新设计我的落地页。”
  • “在我挑选之前,先展示一下瑞士国际主义风格应用在幻灯片上的效果。”
  • “为我的演示文稿找一种奢华风格。”
  • “找一个适合做 PPT、显高级的风格。”
  • “在 Curio 中找一种适用于仪表盘的 80 年代复古风格。”
  • “获取 bauhaus-weimar 规范,并将其应用到我的幻灯片上。”
  • “我还剩多少 Curio 点数?”

链接

网站 · 图库 · 定价 · 文档 · 隐私 · 条款 · [email protected]

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。