Utilisez-le depuis votre agent

Connecter la bibliothèque comme un serveur MCP la met directement dans votre agent. Plutôt que de parcourir ici, copier un prompt et le coller, vous demandez un écran de paywall et votre agent recherche dans la bibliothèque, vous montre ce qui correspond, et construit celui que vous choisissez. Mêmes designs, mêmes prompts, sans navigateur.

Connectez-le

L'endpoint est https://mcp.clevens.com/mcp. Il parle Streamable HTTP, donc n'importe quel client MCP actuel peut l'atteindre directement sans aucun proxy local à installer. Chercher ne nécessite rien ; récupérer un design nécessite une clé, que vous créez sur votre page de compte. L'hôte nu fonctionne aussi, si votre client préfère avoir https://mcp.clevens.com.

Claude Code

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

Cursor

Ajoutez-le à ~/.cursor/mcp.json pour tous les projets, ou à .cursor/mcp.json pour un seul :

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

VS Code

Ajoutez-le à .vscode/mcp.json dans l'espace de travail :

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

Autre cas

Un client qui ne parle que stdio peut s'y connecter avec mcp-remote, qui n'a besoin d'aucune installation propre :

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

Obtenez une clé

Créez-en une sur votre page de compte. Elle s'affiche une seule fois, donc collez-la dans votre configuration tout de suite. Les clés n'expirent pas, cinq par compte, et en révoquer une arrête son fonctionnement immédiatement. Si une clé fuite, révoquez-la et créez-en une autre ; il n'y a rien d'autre attaché à elle.

Ce que votre agent obtient

Demandez-en plusieurs à la fois. get_designs existe parce que trois prompts séparés font que l'agent monte l'app trois fois et installe les dépendances trois fois, et un agent auquel on donne trois écrans similaires commence à les fusionner en composants partagés, ce qui est justement la seule chose que ces designs ne doivent jamais faire.

Ce qu'il ne fait pas

• Il ne redessine pas. Le handshake indique à votre agent, avant même qu'il ne voie un seul design, que couleurs, typographie, espacement et mouvement sont livrés exactement comme écrits. Si vous voulez un design dans votre palette, demandez-le comme une étape séparée une fois qu'il est en place et fonctionne.
• Il n'invente pas de design. Si rien ne correspond, la recherche le dit au lieu de renvoyer un résultat approximatif.
• Il n'écrit pas dans votre compte. Chaque outil est une lecture ; la seule chose qu'il touche est votre compteur de copies.

Quand quelque chose ne va pas