Watermelon UI MCP
Размещенный MCP Watermelon UI ищет бесплатные компоненты, блоки и дашборды на React и Tailwind и отдает исходники.
- 215 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Поисковые запросы агента уходят на размещенный сервер mcp.watermelon.sh.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add mcp/watermelon-ui-mcpОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Поисковые запросы агента уходят на размещенный сервер mcp.watermelon.sh.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Watermelon UI — открытый каталог компонентов, анимированных компонентов, блоков, дашбордов и шаблонов на React и Tailwind. Адрес `https://mcp.watermelon.sh/mcp` подключает его к агенту без ключа API. Рядом в репозитории лежит локальный вариант (`bun run mcp`, stdio) и воркер для Cloudflare. Инструменты: `search` ищет по всему каталогу, `get_component` отдает запись с превью, зависимостями, командой установки и исходными файлами, `get_inspiration` подбирает от трех до шести визуально подходящих вариантов под задачу, `compose_page` составляет план страницы из совместимых блоков по секциям (навигация, hero, цены, отзывы, FAQ, подвал), `list_categories` и сводка показывают категории и число записей. Компоненты ставятся как элементы реестра shadcn, код остается в вашем проекте.
Для кого. Фронтенд-разработчикам и дизайнерам, которые собирают интерфейсы на React, Tailwind и shadcn и хотят, чтобы агент брал готовые блоки из каталога.
Подходит, если
- Агенту нужен блок с ценами или hero-секция: он ищет в каталоге и берет исходник.
- Для лендинга составляют план страницы из совместимых блоков по секциям.
- Перед выбором дизайна просят три-шесть вариантов под цель, например «дашборд для SaaS».
- Проект уже на shadcn: компонент ставят командой реестра и дорабатывают в своем коде.
Не подходит, если
- Проект не на React и Tailwind: каталог рассчитан на этот стек.
- Нужен только гайд по конкретной библиотеке: у Watermelon каталог собственных компонентов.
- Запросы в сеть закрыты: размещенный сервер доступен по адресу mcp.watermelon.sh.
Пример запроса к агенту
Найди в Watermelon блок с тарифами для SaaS, покажи исходник и команду установки, потом составь план лендинга из подходящих блоков.MCP
- Транспорт
- http, stdio
- Авторизация
- не нужна
Ограничения
Ключ API не нужен, но размещенный сервер отправляет поисковые запросы агента на mcp.watermelon.sh. Локальный вариант запускают из клонированного репозитория командой `bun run mcp`. Компоненты поставляются по условиям лицензии репозитория (MIT), код копируется в проект и дальше ведется вами. Сервер отдает код из собственного каталога Watermelon, а не из библиотек сторонних авторов, поэтому выбор ограничен тем, что в нем опубликовано. Перед копированием в проект сверьте зависимости, которые возвращает `get_component`.
Как отключить. Выполните `claude mcp remove watermelon` или удалите запись из конфигурации клиента. Уже добавленные в проект компоненты остаются в коде.
Частые вопросы
Как подключить Watermelon UI MCP к Claude Code?
Командой `claude mcp add --transport http watermelon https://mcp.watermelon.sh/mcp`. Для Codex есть `codex mcp add watermelon --url https://mcp.watermelon.sh/mcp`.
Нужен ли ключ API?
Нет, размещенный сервер работает без ключа и без регистрации.
Какие типы записей есть в каталоге?
Компоненты, анимированные компоненты, блоки, дашборды и шаблоны.
Как ставится компонент?
Как элемент реестра shadcn: `npx shadcn@latest add` с адресом из `registry.watermelon.sh`, исходник копируется в проект.
Работает ли сервер локально?
Да, из клонированного репозитория запускают `bun run mcp` (stdio). Размещенный воркер для Cloudflare поднимается командой `bun run mcp:dev` и разворачивается через `bun run mcp:deploy`.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
MCP-серверыMCP-сервер и плагин 21st.dev: поиск готовых React/Tailwind компонентов, логотипов и генерация интерфейса прямо из агента
MCP-сервер каталога анимированных React-компонентов UI Beats: поиск, свойства, исходный код и команда установки для агента
Shadcn UI MCP Server
Shadcn UI v4 MCP Server
MCP-сервер, который отдает агенту исходники, демо и блоки компонентов shadcn/ui для React, Svelte, Vue и React Native
MCP-сервер Arc UI: агент ищет React-компоненты с анимацией, читает документацию и свойства, получает команду shadcn.
Lightswind UI
Lightswind-UI-Library
Библиотека анимированных React-компонентов, которые CLI копирует в проект исходниками, с сервером MCP. Часть блоков по платной Pro-лицензии
MCP-сервер библиотеки React-компонентов для интерфейсов агентов: агент находит компонент и добавляет его в проект
Коротко о README
README объясняет платформу ui.watermelon.sh: стек (React 19, Vite, Tailwind 4), модель контента, команды разработки, установку компонентов через реестр shadcn и подключение размещенного MCP одной командой для Claude Code и Codex.