在 Qoder 里用 Curio

这给 Qoder 带来什么

Curio 跑着一个 Model Context Protocol (MCP) 服务。Qoder 连上后，就获得搜索风格库、读取风格元数据、为你正在做的东西取用完整设计规格的工具 —— 色彩角色、字号阶梯、间距节奏、形状、阴影、动效。

Qoder 官方文档明确支持按 URL 配置 streamable HTTP 的 MCP 服务，所以 Curio 只要一条配置、不用起本地进程。要是你连配置都懒得动，直接把分享链接粘进对话框也行。

复制链接

最快的路径，而且完全不用配置。每个风格页都能生成一个 15 分钟内有效的链接，连同你想改造的内容一起粘进对话框就行。

1. 1

   选择一个风格

   在风格库里打开任意一套风格的详情页。每套风格都有独立页面和完整预览。

   

2. 2

   点击「转发给我的 AI」，然后选你在用的 AI

   按钮会打开一个 AI 客户端面板。选你正在用的那个——Claude、ChatGPT、Gemini、WorkBuddy、Qoder、DeepSeek、Kimi 等。选中之后，下方的复制按钮才会激活。

   

3. 3

   生成链接，复制给你的 AI

   Curio 生成链接，并连同一句写好的提示词一起复制——直接粘进对话框，再补一句你想改造什么就行。

   

面板里没有你的客户端？随便选一个——复制出来的链接和提示词完全一样，选中只是为了激活按钮。生成链接即解锁该风格的完整规格，扣 1 个积分；15 分钟内再复制同一套风格会复用它，不重复扣费。

通过 MCP 接入

1. 1

   打开 Qoder 的 MCP 设置

   点右上角用户图标，打开「Qoder 设置」，左侧选 MCP。

2. 2

   添加 Curio 服务

   在「我的服务」标签页点「+ 添加」，粘一条 mcpServers 配置，名字 curio，URL 填 https://mcp.designbycurio.com/mcp。Qoder 会自动识别 streamable HTTP，不用写 type。

3. 3

   登录并确认工具

   保存并完成登录。链接图标显示服务就绪后，展开就能看到 Curio 的工具列表。免费档可用免费风格；Pro 或 Max 解锁整座库。

4. 4

   用风格写 UI

   让 Qoder 找一套 Curio 风格并用它写。它会取来完整规格，按该风格的精确 token 和规则写组件，而不是自己现编。

你能得到什么

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

有出处的风格 —— 流派、品牌、传统，而不是随机调色板生成器。

没有维护成本：不用写、不用评审、也不用同步一套设计系统仓库。

示例 prompt

在 Curio 里搜一个克制的瑞士风格，用它重做这个设置页。

把这套 Curio 设计风格套到整个组件库上：<粘贴分享链接>。

常见问题