Curio — design style library: Claude Code MCP server
Connects a catalog of machine-readable design styles to your AI agent. Helps you find visual aesthetics and pull specs straight into project code.
claude mcp add --transport http curio https://mcp.designbycurio.com/mcpWhat Curio — design style library does
This MCP server connects your coding agent to a remote catalog of aesthetic systems. The assistant filters styles by project format or desired mood. It can also pull sample mockups for dashboards or pricing sections before any files change.
After you pick a direction, the server supplies a DESIGN.md specification. That file provides exact color tokens, typography, and component spacing. The AI applies these definitions straight to your markup instead of guessing design parameters.
Communication runs over streamable HTTP using OAuth or an API token header. Style searches and preview images cost nothing, though activating a full specification requires one non-expiring credit. The agent never calls payment tools without explicit user approval.
What it helps with
- search design aesthetics by project type or emotional mood
- inspect layout previews before committing to a visual direction
- supply exact typography and color tokens via
DESIGN.md - format slides or landing pages using established design traditions
Example prompts for the agent
- Find a minimal Japanese style and use its guidelines to reformat the landing page
- Show preview layouts for Swiss International design before applying it to my slides
- Check my Curio credit balance and browse retro palettes for an online store
How to install Curio — design style library
Platform CLI: remote server
claude mcp add --transport http curio https://mcp.designbycurio.com/mcpPlatform CLI: remote server
codex mcp add curio-design-style-library --url https://mcp.designbycurio.com/mcpConfig file
{
"mcpServers": {
"curio-design-style-library": {
"url": "https://mcp.designbycurio.com/mcp"
}
}
}Config file
{
"servers": {
"curio-design-style-library": {
"type": "http",
"url": "https://mcp.designbycurio.com/mcp"
}
}
}Platform CLI: remote server
gemini mcp add -t http curio-design-style-library https://mcp.designbycurio.com/mcpStep by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more
Questions about Curio — design style library
How to install Curio — design style library in Claude Code?
Run claude mcp add --transport http curio https://mcp.designbycurio.com/mcp. The client opens a browser tab for OAuth sign-in during the first connection.
What does Curio — design style library do?
It exposes an index of aesthetic presets to your assistant, delivers mockup previews, and provides DESIGN.md specifications with precise tokens for code generation.
Can the agent spend credits without permission?
No. The agent only triggers unlock_style after you explicitly agree to purchase the specification. Browsing and layout previews remain free.
