Используйте это из своего агента

Подключите библиотеку как MCP-сервер, и ваш агент будет искать и собирать дизайны без браузера.

Подключение библиотеки как MCP-сервера помещает её прямо в вашего агента. Вместо просмотра здесь, копирования промпта и его вставки, вы просите экран paywall'а, и ваш агент ищет по библиотеке, показывает совпадения и собирает выбранный вами. Те же дизайны, те же промпты, без браузера.

Подключите его

Эндпоинт: https://mcp.clevens.com/mcp. Он говорит по Streamable HTTP, поэтому любой современный MCP-клиент может подключиться напрямую без установки локального прокси. Поиск не требует ничего; получение дизайна требует ключа, который вы создаёте на странице своего аккаунта. Простой хост тоже работает, если ваш клиент предпочитает https://mcp.clevens.com.

Claude Code

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

Cursor

Добавьте его в ~/.cursor/mcp.json для всех проектов или в .cursor/mcp.json для одного:

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

VS Code

Добавьте его в .vscode/mcp.json в рабочей области:

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

Любой другой случай

Клиент, говорящий только stdio, может подключиться через mcp-remote, который не требует собственной установки:

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

Получите ключ

Создайте его на странице своего аккаунта. Он показывается один раз, поэтому сразу вставьте его в свою конфигурацию. Ключи не истекают, пять на аккаунт, а отзыв одного немедленно останавливает его работу. Если ключ утёк, отозвите его и создайте другой; больше ничего к нему не привязано.

Поиск работает без ключа

Ваш агент может искать по библиотеке и выводить список категорий без каких-либо учётных данных, поэтому можно сначала установить сервер, а решить позже. Измеряется только получение кода дизайна, и измеряется точно так же, как кнопка копирования здесь: один и тот же дизайн два раза за день считается один раз.

Что получает ваш агент

Инструмент	Что делает
search_designs	Находит дизайны по тексту, категории, типу или совместимости с Expo Go. Возвращает метаданные, а не код.
list_categories	Каждую категорию, охватываемую библиотекой, с числом опубликованных в ней дизайнов.
get_design	Получает один дизайн: полный исходный код каждого файла, зависимости, шрифты, подключение.
get_designs	Получает несколько как один сгруппированный промпт, чтобы настройка происходила один раз, а не на каждый дизайн.

Запрашивайте несколько сразу. get_designs существует потому, что три отдельных промпта заставляют агента настраивать приложение три раза и устанавливать зависимости три раза, а агент, которому дали три похожих экрана, начинает объединять их в общие компоненты, что и есть единственная вещь, которую эти дизайны никогда не должны делать.

Чего он не делает

Он не переделывает дизайн. Handshake говорит вашему агенту, прежде чем он увидит хоть один дизайн, что цвета, шрифт, отступы и движение поставляются точно так, как написаны. Если вы хотите дизайн в своей палитре, попросите об этом отдельным шагом, когда он уже внутри и работает.
Он не придумывает дизайн. Если ничего не совпадает, поиск так и говорит, вместо того чтобы возвращать что-то похожее.
Он не пишет в ваш аккаунт. Каждый инструмент это чтение; единственное, что он трогает, это ваш счётчик копий.

Когда что-то не так

Что вы видите	Что это значит
«This design needs an API key»	Сервер доступен, но ваш заголовок отсутствует или неверен. Проверьте заголовок Authorization в своей конфигурации.
«Daily limit reached»	Бесплатная норма на сегодня исчерпана. Поиск продолжает работать; лимит сбрасывается в полночь UTC.
«Too many requests» или 429	У эндпоинта есть лимит запросов в минуту, более жёсткий для вызывающего без ключа. Подождите столько секунд, сколько указывает заголовок Retry-After. Обычная причина: агент, крутящийся в цикле поиска вместо чтения первого ответа.
Инструменты никогда не появляются	Клиент не завершил handshake. Перезапустите его и убедитесь, что URL это https://mcp.clevens.com/mcp.
405 на GET	Ожидаемо. Сервер отвечает только на POST и никогда не отправляет сообщения по собственной инициативе, что некоторые клиенты проверяют первым делом.

НазадФлоу и boilerplate-проекты Далее Решение проблем