Nishant-Chaudhary5338/mcp-toolkit

Nishant-Chaudhary5338/mcp-toolkit

от nishant-chaudhary5338
MCP сервер mcp-react-toolkit автоматизирует разработку на React и TypeScript: генерирует компоненты из shadcn/ui, проверяет типы, доступность и тесты, мигрирует JS→TS, аудирует зависимости и бандл....

mcp-toolkit

MCP servers for React + TypeScript development automation. Works with Claude Desktop, Cline, Cursor — and as plain CLI scripts — one protocol, zero duplication.

npm CI License: MIT MCP SDK

59 tools across 9 categories — component scaffolding, code quality, a full CRUD-feature factory, CRA→Vite migration, and more. Every tool ships as its own MCP server, built and tested independently.


Why this exists — the token math

Here's the thing nobody tells you when you start building agentic workflows: the loop itself is what's expensive, not the model. An agent working without any composed tools does everything the slow way — read a file, think, write a file, read it back to check its own work, repeat — and every single one of those turns re-sends the whole conversation so far as input tokens. By the time you're 20 steps into a real multi-file task, that resent context alone can be running 50K+ tokens per call. It adds up fast, and it's not really about which model you're using.

I didn't just take that on faith — a few sources back it up with real numbers. LeanOps measured agent loops running about 3.2× the tokens of a single direct call at 5 steps, ~30× at 50 steps, and past 100× once you're deep into a typical build-and-debug session — because re-sent context is roughly 62% of the bill. Vantage found similar: real agentic sessions run an input-to-output ratio around 25:1 (a direct call is closer to 1:1), with a 50-turn session routinely hitting a million input tokens, and non-agentic usage on comparable work costing something like 200× less per interaction on the same team. And a recent arXiv paper on agentic tokenomics puts agentic tasks at roughly 1000× the tokens of single-turn work, with up to 30× variance run to run on the exact same task — so it's not just expensive, it's unpredictable.

Инструменты были проиндексированы:
analyze-api-layer

Определяет использование HTTP-клиентов (axios/fetch/superagent/ky), маршруты API Next.js, централизованный или разрозненный паттерн, дублирование конечных точек.

Параметры
  • configobject

    Необязательные переопределения конфигурации

  • pathstringобязательный

    Путь к корневому каталогу приложения (CRA, Vite, Next.js, Remix, Gatsby, чистый React)

analyze-assets

Обнаруживает большие изображения/видео, ресурсы внутри src, неиспользуемые ресурсы.

Параметры
  • configobject

    Необязательные переопределения конфигурации

  • pathstringобязательный

    Путь к корневому каталогу приложения (CRA, Vite, Next.js, Remix, Gatsby, чистый React)

analyze-components

Сканирует все компоненты: подсчет, крупные компоненты (более 300 строк), сложные компоненты с несколькими обязанностями.

Параметры
  • configobject

    Необязательные переопределения конфигурации

  • pathstringобязательный

    Путь к корневому каталогу приложения (CRA, Vite, Next.js, Remix, Gatsby, чистый React)

analyze-dependencies-usage

Глубокий анализ внешних библиотек, внутренних импортов, использования UI-пакетов, антипаттернов импортов

Параметры
  • configobject

    Необязательные переопределения конфигурации

  • pathstringобязательный

    Путь к корневому каталогу приложения (CRA, Vite, Next.js, Remix, Gatsby, чистый React)

analyze-folder-structure

Анализирует структуру папок: плоская и по функциям, наличие стандартных папок, глубина вложенности.

Параметры
  • configobject

    Необязательные переопределения конфигурации

  • pathstringобязательный

    Путь к корневому каталогу приложения (CRA, Vite, Next.js, Remix, Gatsby, чистый React)

analyze-legacy-app

Выполняет полный анализ для любого React-приложения (CRA, Vite, Next.js, Remix, Gatsby). Запускает все 22 вспомогательных инструмента и формирует единую оценку состояния (0-100) с приоритезированными подсказками по миграции.

Параметры
  • configobject

    Необязательные переопределения конфигурации

  • pathstringобязательный

    Путь к корневому каталогу приложения (CRA, Vite, Next.js, Remix, Gatsby, чистый React)

analyze-routing

Обнаруживает использование react-router, структуру маршрутов (плоскую или вложенную), использование ленивой загрузки

Параметры
  • configobject

    Необязательные переопределения конфигурации

  • pathstringобязательный

    Путь к корневому каталогу приложения (CRA, Vite, Next.js, Remix, Gatsby, чистый React)

analyze-state-management

Определяет Redux, Context API, шаблоны локального состояния, нормализованное состояние, производное состояние, использование Reselect

Параметры
  • configobject

    Необязательные переопределения конфигурации

  • pathstringобязательный

    Путь к корневому каталогу приложения (CRA, Vite, Next.js, Remix, Gatsby, чистый React)

analyze-styling

Обнаруживает CSS/SCSS/Tailwind/styled-components, инлайн-стили, захардкоженные цвета, дублирующиеся классы.

Параметры
  • configobject

    Необязательные переопределения конфигурации

  • pathstringобязательный

    Путь к корневому каталогу приложения (CRA, Vite, Next.js, Remix, Gatsby, чистый React)

classify-files

Классифицирует каждый файл как относящийся к конкретной функции, общий, служебный или конфигурационный.

Параметры
  • configobject

    Необязательные переопределения конфигурации

  • pathstringобязательный

    Путь к корневому каталогу приложения (CRA, Vite, Next.js, Remix, Gatsby, чистый React)

design-target-structure

Генерирует предложение масштабируемой структуры папок на основе функционально-ориентированной архитектуры.

Параметры
  • configobject

    Необязательные переопределения конфигурации

  • pathstringобязательный

    Путь к корневому каталогу приложения (CRA, Vite, Next.js, Remix, Gatsby, чистый React)

detect-anti-patterns

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

Параметры
  • configobject

    Необязательные переопределения конфигурации

  • pathstringобязательный

    Путь к корневому каталогу приложения (CRA, Vite, Next.js, Remix, Gatsby, чистый React)

detect-boundary-violations

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

Параметры
  • configobject

    Необязательные переопределения конфигурации

  • pathstringобязательный

    Путь к корневому каталогу приложения (CRA, Vite, Next.js, Remix, Gatsby, чистый React)

detect-duplication

Обнаруживает дублирующиеся компоненты, дублирующиеся утилитарные функции и похожие структуры файлов.

Параметры
  • configobject

    Необязательные переопределения конфигурации

  • pathstringобязательный

    Путь к корневому каталогу приложения (CRA, Vite, Next.js, Remix, Gatsby, чистый React)

detect-features

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

Параметры
  • configobject

    Необязательные переопределения конфигурации

  • pathstringобязательный

    Путь к корневому каталогу приложения (CRA, Vite, Next.js, Remix, Gatsby, чистый React)

detect-project-tech

Определяет версию React, язык (JS/TS), фреймворк (CRA/Vite/Next.js/Remix/Gatsby/React Native) и основные зависимости

Параметры
  • configobject

    Необязательные переопределения конфигурации

  • pathstringобязательный

    Путь к корневому каталогу приложения (CRA, Vite, Next.js, Remix, Gatsby, чистый React)

detect-shared-modules

Идентифицирует файлы, используемые в нескольких функциях (общие модули).

Параметры
  • configobject

    Необязательные переопределения конфигурации

  • pathstringобязательный

    Путь к корневому каталогу приложения (CRA, Vite, Next.js, Remix, Gatsby, чистый React)

generate-refactor-plan

Объединяет все результаты анализа в единый структурированный план рефакторинга

Параметры
  • configobject

    Необязательные переопределения конфигурации

  • pathstringобязательный

    Путь к корневому каталогу приложения (CRA, Vite, Next.js, Remix, Gatsby, чистый React)

map-files-to-target

Сопоставляет существующие файлы с новой целевой структурой

Параметры
  • configobject

    Необязательные переопределения конфигурации

  • pathstringобязательный

    Путь к корневому каталогу приложения (CRA, Vite, Next.js, Remix, Gatsby, чистый React)

naming-standardizer

Предлагает более удачные соглашения по именованию файлов и папок

Параметры
  • configobject

    Необязательные переопределения конфигурации

  • pathstringобязательный

    Путь к корневому каталогу приложения (CRA, Vite, Next.js, Remix, Gatsby, чистый React)

refactor-folder-structure

Aggregator: вызывает все инструменты предложений по рефакторингу и создает итоговый структурированный план

Параметры
  • configobject

    Необязательные переопределения конфигурации

  • pathstringобязательный

    Путь к корневому каталогу приложения (CRA, Vite, Next.js, Remix, Gatsby, чистый React)

suggest-module-splitting

Предлагает разбивать большие или общие файлы на более мелкие модули.

Параметры
  • configobject

    Необязательные переопределения конфигурации

  • pathstringобязательный

    Путь к корневому каталогу приложения (CRA, Vite, Next.js, Remix, Gatsby, чистый React)

1.40.1основная
1.40.0
1.4.0
1.3.1
1.3.0
1.2.0
1.0.1
1.0.0

Выберите клиент, чтобы установить Nishant-Chaudhary5338/mcp-toolkit:

Любой клиент

Конфиг добавления MCP сервера стандартный, обычно он не меняется вообще, поэтому подходит практически к любому ИИ клиенту, поддерживающему MCP.

{
  "mcpServers": {
    "nishant-chaudhary5338-mcp-toolkit-ntfs9wklp9": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-react-toolkit",
        "legacy-analyzer"
      ]
    }
  }
}
CursorCursor

Перейдите по ссылке и сервер автоматически будет добавлен в Cursor. Либо откройте/создайте файл ~/.cursor/mcp.json(%USERPROFILE%\.cursor\mcp.json на Windows) и добавьте конфиг сервера:

{
  "mcpServers": {
    "nishant-chaudhary5338-mcp-toolkit-ntfs9wklp9": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-react-toolkit",
        "legacy-analyzer"
      ]
    }
  }
}
VS Code

Создайте .vscode/mcp.json в проекте (ключ верхнего уровня — servers):

{
  "servers": {
    "nishant-chaudhary5338-mcp-toolkit-ntfs9wklp9": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "mcp-react-toolkit",
        "legacy-analyzer"
      ]
    }
  }
}

Либо добавьте сервер через терминал:

code --add-mcp "{\"name\":\"nishant-chaudhary5338-mcp-toolkit-ntfs9wklp9\",\"type\":\"stdio\",\"command\":\"npx\",\"args\":[\"-y\",\"mcp-react-toolkit\",\"legacy-analyzer\"]}"
ClaudeClaude Desktop

Откройте Settings → Developer → Edit Config — это откроет файл claude_desktop_config.json:

  • macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
  • Windows: %APPDATA%\Claude\claude_desktop_config.json

Впишите сервер и полностью перезапустите Claude Desktop:

{
  "mcpServers": {
    "nishant-chaudhary5338-mcp-toolkit-ntfs9wklp9": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-react-toolkit",
        "legacy-analyzer"
      ]
    }
  }
}
Claude CodeClaude Code

Добавьте сервер одной командой в терминале:

claude mcp add nishant-chaudhary5338-mcp-toolkit-ntfs9wklp9 -- npx -y mcp-react-toolkit legacy-analyzer

Либо через JSON-конфиг:

claude mcp add-json nishant-chaudhary5338-mcp-toolkit-ntfs9wklp9 "{\"command\":\"npx\",\"args\":[\"-y\",\"mcp-react-toolkit\",\"legacy-analyzer\"]}"
CodexCodex

Добавьте сервер командой в терминале:

codex mcp add nishant-chaudhary5338-mcp-toolkit-ntfs9wklp9 -- npx -y mcp-react-toolkit legacy-analyzer

Либо вручную в ~/.codex/config.toml(%USERPROFILE%\.codex\config.toml на Windows):

[mcp_servers.nishant-chaudhary5338-mcp-toolkit-ntfs9wklp9]
command = "npx"
args = ["-y", "mcp-react-toolkit", "legacy-analyzer"]
PerplexityPerplexity

MCP доступен подписчикам Perplexity Pro / Max / Enterprise. Локальные серверы — только в приложении для macOS.

  1. Откройте Настройки аккаунта → Connectors.
  2. Установите вспомогательное приложение PerplexityXPC (один раз).
  3. Нажмите Add Connector → вкладка Simple.
  4. В поле Server Name укажите Nishant-Chaudhary5338/mcp-toolkit, а в поле команды запуска — строку ниже:
npx -y mcp-react-toolkit legacy-analyzer

Нажмите Save и дождитесь статуса Running.

WindsurfWindsurf

Откройте Windsurf Settings → Cascade → MCP Servers или отредактируйте файл ~/.codeium/windsurf/mcp_config.json:

{
  "mcpServers": {
    "nishant-chaudhary5338-mcp-toolkit-ntfs9wklp9": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-react-toolkit",
        "legacy-analyzer"
      ]
    }
  }
}
ClineCline

В панели Cline нажмите иконку MCP Servers → Configure → Configure MCP Servers (или отредактируйте ~/.cline/mcp.json) и добавьте сервер:

{
  "mcpServers": {
    "nishant-chaudhary5338-mcp-toolkit-ntfs9wklp9": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-react-toolkit",
        "legacy-analyzer"
      ],
      "disabled": false,
      "autoApprove": []
    }
  }
}
Continue

Создайте файл в .continue/mcpServers/ (например nishant-chaudhary5338-mcp-toolkit-ntfs9wklp9.yaml) или добавьте блок в config.yaml. MCP работает только в режиме agent:

mcpServers:
  - name: nishant-chaudhary5338-mcp-toolkit-ntfs9wklp9
    command: npx
    args:
      - "-y"
      - "mcp-react-toolkit"
      - "legacy-analyzer"
Zed

Выполните agent: add context server или откройте настройки (zed: open settings file) и добавьте сервер в объект context_servers:

{
  "context_servers": {
    "nishant-chaudhary5338-mcp-toolkit-ntfs9wklp9": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-react-toolkit",
        "legacy-analyzer"
      ]
    }
  }
}

Похожие MCP-сервера

vighriday/Veris

vighriday/Veris

от vighriday

Veris — инфраструктура верификации поведения для AI-агентов: строит граф зависимостей, выявляет риски, дрейф и семантические рабочие процессы без запуска тестов. Полезна разработчикам и CI-пайплайн...

TypeScript⭐ 1
Jpisnice/shadcn-ui-mcp-server

Jpisnice/shadcn-ui-mcp-server

от jpisnice

Подтягивает актуальные исходники компонентов shadcn/ui v4 с демо и готовыми блоками для React, Svelte, Vue и React Native.

TypeScript⭐ 3065
kao273183/mk-qa-master

kao273183/mk-qa-master

от kao273183

Прогоняет тесты на pytest, Jest и Cypress, а также mobile и API. Анализирует URL, генерирует сценарии и выдаёт план приоритетных действий после каждого запуска.

Python⭐ 37
qainsights/jmeter-mcp-server

qainsights/jmeter-mcp-server

от qainsights

MCP инструмент для выполнения JMeter тестов и анализа производительности. Запускает нагрузочные тесты, парсит JTL-отчёты, выявляет узкие места и генерирует HTML-дашборды. Пригодится QA-инженерам и ...

Python⭐ 74
Hypersequent/qasphere-mcp

Hypersequent/qasphere-mcp

от hypersequent

MCP сервер для интеграции с QA Sphere, системой управления тестированием. Он позволяет AI-ассистентам искать, анализировать и обсуждать тест-кейсы прямо в IDE. Полезен разработчикам и QA-инженерам.

TypeScript⭐ 23
browserstack/mcp-server

browserstack/mcp-server

от browserstack

MCP сервер BrowserStack для тестирования через AI. Управляйте тест-кейсами, запускайте ручные и автотесты, отлаживайте и исправляйте код на естественном языке. Работает в Cursor и Claude.

TypeScript⭐ 155
© Каталог MCP, 2026. Все права защищены.
Проект не аффилирован с Anthropic и любыми упомянутыми продуктами.
Все названия и торговые марки принадлежат их владельцам.
Контакты для связи: hi@mcp-katalog.ru

Лука Никитин