Úsalo desde tu agente

Conectar la biblioteca como un servidor MCP la mete dentro de tu agente. En lugar de explorar aquí, copiar un prompt y pegarlo, pides una pantalla de paywall y tu agente busca en la biblioteca, te muestra lo que coincide, y construye la que elijas. Mismos diseños, mismos prompts, sin navegador.

Conéctalo

El endpoint es https://mcp.clevens.com/mcp. Habla Streamable HTTP, así que cualquier cliente MCP actual puede acceder directamente sin ningún proxy local que instalar. Buscar no necesita nada; obtener un diseño necesita una clave, que creas en tu página de cuenta. El host desnudo también funciona, si tu cliente prefiere tener https://mcp.clevens.com.

Claude Code

claude mcp add --transport http clevens https://mcp.clevens.com/mcp \
  --header "Authorization: Bearer mdc_your_key"

Cursor

Añádelo a ~/.cursor/mcp.json para todos los proyectos, o a .cursor/mcp.json para uno solo:

{
  "mcpServers": {
    "clevens": {
      "url": "https://mcp.clevens.com/mcp",
      "headers": { "Authorization": "Bearer mdc_your_key" }
    }
  }
}

VS Code

Añádelo a .vscode/mcp.json en el espacio de trabajo:

{
  "servers": {
    "clevens": {
      "type": "http",
      "url": "https://mcp.clevens.com/mcp",
      "headers": { "Authorization": "Bearer mdc_your_key" }
    }
  }
}

Cualquier otro caso

Un cliente que solo hable stdio puede conectarse con mcp-remote, que no necesita instalación propia:

npx -y mcp-remote https://mcp.clevens.com/mcp --header "Authorization: Bearer mdc_your_key"

Consigue una clave

Crea una en tu página de cuenta. Se muestra una sola vez, así que pégala en tu configuración de inmediato. Las claves no caducan, cinco por cuenta, y revocar una detiene su funcionamiento de inmediato. Si una clave se filtra, revócala y crea otra; no hay nada más asociado a ella.

Qué obtiene tu agente

Pide varios a la vez. get_designs existe porque tres prompts separados hacen que un agente monte la app tres veces e instale dependencias tres veces, y un agente al que se le dan tres pantallas parecidas empieza a fusionarlas en componentes compartidos, que es justo lo único que estos diseños no deben hacer nunca.

Qué no hace

• No rediseña. El handshake le dice a tu agente, antes de que vea un solo diseño, que los colores, tipografía, espaciado y movimiento se entregan exactamente como están escritos. Si quieres un diseño en tu paleta, pídelo como un paso separado una vez que ya esté dentro y funcionando.
• No inventa un diseño. Si nada coincide, la búsqueda lo dice en lugar de devolver algo parecido.
• No escribe en tu cuenta. Cada herramienta es de solo lectura; lo único que toca es tu contador de copias.

Cuando algo falla