ReactUse MCP — справочник React-хуков

ReactUse MCP

MCP-сервер ReactUse: агент находит нужный React-хук и читает его описание, пример и таблицу API прямо из библиотеки

  • 1 068 ★ репозитория
  • Последний коммит
  • Unlicense
MCP-серверОфициальный

Расширенный доступ

Почему такой уровень

  • Запускает локальный процесс через npx и каждый раз берет последнюю версию пакета из npm
  • В режиме HTTP открывает порт на вашей машине: по умолчанию это 127.0.0.1, но при смене адреса доступ получат другие устройства сети
Все причины и проверки

childrentime/reactuse

Установка

В терминале, через SkillFoxx CLI

npx skillfoxx add mcp/reactuse-mcp

Определит агенты на машине, покажет уровень доступа и зафиксирует версию.

Другие способы установки

Доступ и проверки

Как мы проверяем

Расширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.

  • Запускает локальный процесс через npx и каждый раз берет последнюю версию пакета из npm
  • В режиме HTTP открывает порт на вашей машине: по умолчанию это 127.0.0.1, но при смене адреса доступ получат другие устройства сети

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

ReactUse MCP — сервер из пакета @reactuses/mcp. Он отдает агенту справочник по библиотеке React-хуков ReactUse (@reactuses/core): более 110 хуков в категориях «браузер», «эффекты», «элементы», «состояние» и «интеграции». Три инструмента работают только на чтение. `get_hook` возвращает описание, пример использования и таблицу API хука по имени, регистр не важен. `list_hooks` выводит список хуков, его можно ограничить категорией. `search_hooks` ищет хук по запросу. Кроме инструментов, сервер отдает ресурс `reactuse://index`: JSON-индекс всех хуков с категорией, адресом документации и описанием. У сервера есть и два готовых промпта. `find_hook` помогает подобрать хук под задачу, `migrate_from_vueuse` сопоставляет композабл VueUse с аналогом из ReactUse и дает заметки по переносу. По умолчанию сервер работает по stdio, а режим Streamable HTTP включается флагом `--http`.

Для кого. Для React-разработчиков, которые пишут код с Claude Code, Cursor или Codex и хотят, чтобы агент подбирал хуки ReactUse по справочнику и не придумывал сигнатуры.

Подходит, если

  • Нужен хук под конкретную задачу, например работа с буфером обмена, и вы просите агента найти его в ReactUse
  • Агент пишет компонент и должен сверить параметры хука с таблицей API
  • Вы переносите код с Vue и нужно сопоставить композабл VueUse с аналогом ReactUse
  • Хотите пройтись по хукам одной категории и выбрать подходящий
  • Оцениваете библиотеку и просите агента показать пример использования нескольких хуков

Не подходит, если

  • Нужна документация других библиотек: сервер знает только хуки ReactUse. Для остальных пакетов подойдет Context7
  • Нужно поставить пакет или изменить проект: сервер ничего не меняет, он отвечает на вопросы о хуках
  • Проект написан не на React: хуки работают только в React-приложениях
  • У вас закреплена старая версия библиотеки: справочник идет в составе версии сервера, поэтому описание может отличаться от вашей версии

Пример запроса к агенту

Найди в ReactUse хук для работы с буфером обмена, покажи его параметры и пример и подключи в мой компонент ShareButton.

MCP

Транспорт
stdio, http
Авторизация
не нужна

Переменные окружения

PORT
Порт для режима HTTP, по умолчанию 3000.
HOST
Адрес для режима HTTP, по умолчанию 127.0.0.1.

Ограничения

Сервер охватывает один пакет, @reactuses/core: другие библиотеки и ваш код он не видит. Все три инструмента помечены как работающие только на чтение, зависимости ставит и файлы правит сам агент.

Стандартная конфигурация запускает `npx -y @reactuses/mcp@latest`, и пакет каждый раз берется в последней версии без закрепления. Для запуска нужен Node.js. В режиме HTTP сервер по умолчанию слушает 127.0.0.1 и порт 3000. Пакет приходит из реестра npm, доступность его из России при подготовке карточки не проверялась.

Как отключить. Удалите сервер командой `claude mcp remove reactuse` или уберите блок `@reactuses/mcp` из конфигурации MCP в Cursor и других клиентах. Ключей сервис не требует, после удаления агент перестает обращаться к справочнику.

Частые вопросы

Как подключить ReactUse MCP к Claude Code?

Выполните `claude mcp add reactuse -- npx -y @reactuses/mcp@latest` и перезапустите Claude Code. Ключ не нужен. Для Cursor и других клиентов есть блок конфигурации JSON с тем же запуском через `npx` по stdio.

Что умеет сервер ReactUse MCP?

Он ищет хуки, выводит список по категории и возвращает описание, пример и таблицу API хука. Кроме этого, есть ресурс с индексом всех хуков и два промпта: `find_hook` и `migrate_from_vueuse`.

Как перенести композабл VueUse на ReactUse?

Вызовите промпт `migrate_from_vueuse` и передайте имя композабла, например useStorage. Сервер назовет ближайший аналог из ReactUse, если он есть в таблице соответствий, и даст заметки по переносу.

Нужен ли ключ или аккаунт для ReactUse MCP?

Нет. Конфигурация не содержит переменных окружения и ключей: сервер запускается локально командой `npx`.

Можно ли запустить сервер по HTTP?

Да, командой `npx -y @reactuses/mcp@latest --http`: порт по умолчанию 3000, адрес 127.0.0.1. Другой порт задает флаг `--port`, другой адрес флаг `--host`, обе настройки читаются и из переменных PORT и HOST. Режим по умолчанию остается stdio.

Обсуждение

Вопросов и отзывов пока нет.

MCP-серверы
Официальный

MCP-сервер CodeRocket отдает агенту правила дизайн-системы, компоненты и блоки сохраненной библиотеки только на чтение.

MCP-серверМинимальный доступ248Звезды репозитория

Shadcn UI MCP Server

Shadcn UI v4 MCP Server

MCP-сервер, который отдает агенту исходники, демо и блоки компонентов shadcn/ui для React, Svelte, Vue и React Native

MCP-серверРасширенный доступ3,1 тыс.Звезды репозитория
Официальный

MCP-сервер библиотеки React-компонентов для интерфейсов агентов: агент находит компонент и добавляет его в проект

MCP-серверРасширенный доступ478Звезды репозитория
Официальный

Подключает агента к запущенному dev-серверу Next.js 16+: ошибки, маршруты, логи и путь к документации нужной версии

MCP-серверРасширенный доступ835Звезды репозитория
Официальный

MCP-сервер набора Keyline Icons: агент ищет иконку по имени, берет SVG и готовый импорт React без угадывания названий

MCP-серверМинимальный доступ188Звезды репозитория
Официальный

MCP-сервер Chakra UI: справочник по компонентам, свойствам и токенам темы плюс разбор кода при переходе с версии 2 на 3

MCP-серверРасширенный доступ40,7 тыс.Звезды репозитория

Коротко о README

ReactUse — набор более 100 хуков для браузерных API, состояния, датчиков и анимаций, вдохновленный VueUse. Библиотека поддерживает удаление неиспользуемого кода при сборке, типы TypeScript и серверный рендеринг. Раздел про MCP короткий и состоит из блока конфигурации с `npx`. Для моделей у проекта есть версия документации по адресу `https://reactuse.com/llms.txt`.

Бейдж для README

Сообщить о проблеме

Foxx AIReactUse MCP — справочник React-хуков
Foxx AI

Я Foxx AI и уже разобрал этот инструмент. Спросите про установку, настройку или что угодно еще, отвечу простыми словами.