Search DevTools

Jump to any tool or page

Curio — design style library

A design-style library for AI agents: search real styles, fetch a ready-to-apply design spec.

voltwake0 stars0 forksBrowser & Web
View source

Install

mcp_config.json

{
  "mcpServers": {
    "com-designbycurio-curio": {
      "url": "https://mcp.designbycurio.com/mcp",
      "type": "streamable-http"
    }
  }
}

Documentation

Curio MCP

Connect your AI to Curio — a design-style library built for AI agents. Hundreds of tokenized design styles (real design movements, brands, cultural traditions), each with a machine-readable spec your agent can apply directly to slides, websites, and products.

  • Endpoint: https://mcp.designbycurio.com/mcp (streamable HTTP)
  • Auth: OAuth sign-in — no API key. Free accounts fetch free styles; Pro unlocks the whole library.
  • Docs: designbycurio.com/docs

Tools

ToolWhat it doesQuota
search_stylesKeyword + facet search over the libraryfree
list_stylesBrowse / paginate, filtered by facetsfree
get_styleMetadata + preview image for one stylefree
get_style_specFull design spec (DESIGN.md), ready to apply1 credit
get_quotaRemaining spec fetches for the signed-in userfree

Install

Gemini CLI

gemini extensions install https://github.com/voltwake/curio-mcp-extension

Claude Code

claude mcp add --transport http curio https://mcp.designbycurio.com/mcp

Claude.ai / Claude Desktop

Settings → Connectors → Add custom connector → https://mcp.designbycurio.com/mcp

Cursor

Or add to ~/.cursor/mcp.json:

{
  "mcpServers": {
    "curio": { "url": "https://mcp.designbycurio.com/mcp" }
  }
}

Codex (CLI / IDE extension)

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

Settings → Apps & Connectors → Developer mode → add https://mcp.designbycurio.com/mcp.

Example prompts

  • "Find a Japanese minimal style and restyle my landing page with it."
  • "Browse Curio for an 80s retro style that works for a dashboard."
  • "Fetch the bauhaus-weimar spec and apply it to my slides."

Links

Website · Gallery · Pricing · Docs · Privacy · Terms · support@designbycurio.com

Sourced from the repository README.

More in Browser & Web