Use pelo seu agente

Conecte a biblioteca como um servidor MCP e seu agente busca e constrói designs sem o navegador.

Conectar a biblioteca como um servidor MCP coloca ela direto dentro do seu agente. Em vez de explorar aqui, copiar um prompt e colar, você pede uma tela de paywall e seu agente busca na biblioteca, mostra o que combinou, e constrói a que você escolher. Mesmos designs, mesmos prompts, sem navegador.

Conecte-o

O endpoint é https://mcp.clevens.com/mcp. Ele fala Streamable HTTP, então qualquer cliente MCP atual pode acessá-lo diretamente sem nenhum proxy local para instalar. Buscar não precisa de nada; pegar um design precisa de uma chave, que você cria na sua página de conta. O host puro também funciona, se seu cliente preferir usar https://mcp.clevens.com.

Claude Code

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

Cursor

Adicione ao ~/.cursor/mcp.json para todos os projetos, ou ao .cursor/mcp.json para um só:

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

VS Code

Adicione ao .vscode/mcp.json no workspace:

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

Qualquer outro caso

Um cliente que só fala stdio pode se conectar com mcp-remote, que não precisa de instalação própria:

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

Consiga uma chave

Crie uma na sua página de conta. Ela é mostrada uma vez, então cole na sua configuração na hora. Chaves não expiram, cinco por conta, e revogar uma para o funcionamento dela imediatamente. Se uma chave vazar, revogue e crie outra; não há nada mais anexado a ela.

A busca funciona sem chave

Seu agente pode buscar na biblioteca e listar categorias sem nenhuma credencial, então você pode instalar o servidor primeiro e decidir depois. Só pegar o código de um design é medido, e é medido exatamente como o botão de copiar aqui: o mesmo design duas vezes em um dia conta uma vez só.

O que seu agente ganha

Ferramenta	O que faz
search_designs	Encontra designs por texto, categoria, tipo ou compatibilidade com Expo Go. Retorna metadados, não código.
list_categories	Cada categoria que a biblioteca cobre, com quantos designs estão publicados em cada uma.
get_design	Pega um design: código-fonte completo de cada arquivo, dependências, fontes, conexão.
get_designs	Pega vários como um único prompt agrupado, para que a configuração aconteça uma vez em vez de uma vez por design.

Peça vários de uma vez. get_designs existe porque três prompts separados fazem o agente montar o app três vezes e instalar dependências três vezes, e um agente que recebe três telas parecidas começa a fundi-las em componentes compartilhados, que é justamente a única coisa que esses designs nunca devem fazer.

O que não faz

Não redesenha. O handshake diz ao seu agente, antes mesmo de ele ver um único design, que cores, tipografia, espaçamento e movimento são entregues exatamente como escritos. Se você quiser um design na sua paleta, peça isso como uma etapa separada depois que ele estiver dentro e funcionando.
Não inventa um design. Se nada combinar, a busca diz isso em vez de devolver algo parecido.
Não escreve na sua conta. Toda ferramenta é uma leitura; a única coisa que ela toca é seu contador de cópias.

Quando algo está errado

O que você vê	O que significa
"This design needs an API key"	O servidor está acessível mas seu header está faltando ou errado. Verifique o header Authorization na sua configuração.
"Daily limit reached"	A cota gratuita de hoje acabou. A busca continua funcionando; o limite reinicia à meia-noite UTC.
"Too many requests" ou um 429	O endpoint tem limite de requisições por minuto, mais rígido para quem chama sem chave. Espere os segundos que o header Retry-After indica. Um agente que fica repetindo a busca em loop em vez de ler a primeira resposta costuma ser a causa.
As ferramentas nunca aparecem	O cliente não terminou o handshake. Reinicie ele, e confirme que a URL é https://mcp.clevens.com/mcp.
Um 405 no GET	Esperado. O servidor responde só em POST e nunca envia mensagens por conta própria, o que alguns clientes testam primeiro.

AnteriorFluxos e boilerplates Próximo Solução de problemas