在 Claude Code 里用 Curio

Curio

Claude Code 能搭出整套界面 —— 但单独用时，它默认跟其它 agent 一样的「通用脸」。连上 Curio，它就能改用 989 真实设计风格中的任意一种，而且一致，不用你手写设计规范。

这给 Claude Code 带来什么

Curio 跑着一个 Model Context Protocol (MCP) 服务。Claude Code 连上后，就获得了搜索风格库、读取风格元数据、以及取用完整设计规范（色彩、字体、间距、组件、规则）的工具，用于你正在做的东西。

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

1

添加 Curio MCP 服务

在 Claude Code 里添加一个指向 https://mcp.designbycurio.com/mcp 的 MCP 服务。Claude Code 会在浏览器里打开 OAuth 登录流程。
2

用 OAuth 登录

用邮箱、Google 或 GitHub 登录并同意授权。免费账户可用免费风格；Pro 或 Max 解锁完整库。
3

找一种风格

让 Claude Code 搜 Curio —— 比如「在 Curio 里搜一个干净的金融科技风格」—— 或直接点名，比如包豪斯或 Stripe。它会用 search_styles 和 get_style 选出匹配。
4

套到你的项目上

让 Claude Code 用那种风格来生成。它会用 get_style_spec 取来完整规范，按该风格的精确 token 和规则生成你的幻灯片、页面或组件。

输出一致：Claude Code 生成的每一屏都保持同一个外观，因为它依据的是一份权威规范，而不是每次重新猜。

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

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

在 Curio 里搜一个温暖的编辑风设计，用它做一套关于我们三季度业绩的 5 页幻灯片。

用 Curio 里的包豪斯风格，给这个产品做落地页的 hero 区。

不需要。Curio 的 MCP 服务用 OAuth —— 你在浏览器里登录一次，Claude Code 就保持连接。没有 key 要拷贝或轮换。

取用一种风格的完整规范会消耗一个额度，跟网站上下载一次一样。免费账户有一定额度；Pro 和 Max 在滚动周期内更多。搜索和读元数据免费。

能。同一个 MCP 端点在 Cursor、VS Code、Codex、ChatGPT 等支持 MCP 的客户端里都能用。逐客户端配置见开发者文档。