# Curio — design style library

Connects a catalog of machine-readable design styles to your AI agent. Helps you find visual aesthetics and pull specs straight into project code.

- MCP server · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI
- Author: designbycurio
- License: MIT · policy=link-only · description only; the file stays with the author
- Source: https://github.com/designbycurio/curio-mcp-extension
- Updated: 2026-10-21
- HTML: https://affpapa.org/en/nevibecode/mcp/curio-design-style-library

## What it 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.

## Requirements
- Remote server: `https://mcp.designbycurio.com/mcp`

## Install

### Claude Code (native platform)

**Platform CLI: remote server**
```bash
claude mcp add --transport http curio https://mcp.designbycurio.com/mcp
```

### Codex

**Platform CLI: remote server**
```bash
codex mcp add curio-design-style-library --url https://mcp.designbycurio.com/mcp
```

### Cursor

**Config file**
File `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "curio-design-style-library": {
            "url": "https://mcp.designbycurio.com/mcp"
        }
    }
}
```

### GitHub Copilot

**Config file**
File `.vscode/mcp.json`:
```json
{
    "servers": {
        "curio-design-style-library": {
            "type": "http",
            "url": "https://mcp.designbycurio.com/mcp"
        }
    }
}
```

### Gemini CLI

**Platform CLI: remote server**
```bash
gemini mcp add -t http curio-design-style-library https://mcp.designbycurio.com/mcp
```

## When to use it
- 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
- 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

## Similar
- [Next AI Draw.io](https://affpapa.org/en/nevibecode/mcp/next-ai-drawio.md) — MCP server · ★ 36427
- [tldraw](https://affpapa.org/en/nevibecode/mcp/tldraw.md) — MCP server · ★ 51104
- [Figma-Context-MCP](https://affpapa.org/en/nevibecode/mcp/figma-context-mcp.md) — MCP server · ★ 16073
- [Agent-Native Assets](https://affpapa.org/en/nevibecode/mcp/agent-native-assets.md) — MCP server · ★ 7527
- [Remove AI Watermarks](https://affpapa.org/en/nevibecode/mcp/remove-ai-watermarks.md) — MCP server · ★ 6144
- [Dembrandt](https://affpapa.org/en/nevibecode/mcp/dembrandt.md) — MCP server · ★ 3851

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md