Użyj tego ze swojego agenta

Podłączenie biblioteki jako serwera MCP umieszcza ją bezpośrednio w twoim agencie. Zamiast przeglądać tutaj, kopiować prompt i go wklejać, prosisz o ekran paywalla, a twój agent przeszukuje bibliotekę, pokazuje, co pasuje, i buduje ten, który wybierzesz. Te same projekty, te same prompty, bez przeglądarki.

Podłącz go

Endpoint to https://mcp.clevens.com/mcp. Mówi Streamable HTTP, więc każdy współczesny klient MCP może się z nim połączyć bezpośrednio bez instalowania lokalnego proxy. Wyszukiwanie nie wymaga niczego; pobranie projektu wymaga klucza, który tworzysz na swojej stronie konta. Sam host też działa, jeśli twój klient woli mieć https://mcp.clevens.com.

Claude Code

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

Cursor

Dodaj do ~/.cursor/mcp.json dla wszystkich projektów, albo do .cursor/mcp.json dla jednego:

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

VS Code

Dodaj do .vscode/mcp.json w workspace:

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

Wszystko inne

Klient, który mówi tylko stdio, może się połączyć przez mcp-remote, który nie wymaga własnej instalacji:

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

Zdobądź klucz

Utwórz go na swojej stronie konta. Pokazuje się raz, więc od razu wklej go do swojej konfiguracji. Klucze nie wygasają, pięć na konto, a odwołanie jednego natychmiast przestaje go obsługiwać. Jeśli klucz wycieknie, odwołaj go i utwórz kolejny; nic więcej nie jest z nim powiązane.

Co dostaje twój agent

Poproś o kilka na raz. get_designs istnieje, bo trzy osobne prompty sprawiają, że agent trzykrotnie tworzy aplikację od zera i trzykrotnie instaluje zależności, a agent, któremu dano trzy podobne ekrany, zaczyna scalać je we współdzielone komponenty, co jest właśnie jedyną rzeczą, której te projekty nigdy nie powinny robić.

Czego nie robi

• Nie przeprojektowuje. Handshake mówi twojemu agentowi, zanim jeszcze zobaczy pojedynczy projekt, że kolory, typografia, odstępy i ruch są dostarczane dokładnie tak, jak zostały napisane. Jeśli chcesz projektu w swojej palecie, poproś o to jako osobny krok, gdy już jest wdrożony i działa.
• Nie wymyśla projektu. Jeśli nic nie pasuje, wyszukiwanie tak mówi, zamiast zwracać coś podobnego.
• Nie zapisuje na twoim koncie. Każde narzędzie jest odczytem; jedyną rzeczą, którą dotyka, jest twój licznik kopii.

Kiedy coś jest nie tak