Mcp React Toolkit
A comprehensive suite of 17 production-ready MCP servers that automate React and TypeScript workflows end to end. It exposes 77 tools spanning component scaffolding (41 shadcn/ui templates), TypeScript enforcement (7 strictness rules), accessibility audits (WCAG 2.1), test generation (Vitest), performance analysis, and monorepo dependency management. Each server runs independently via stdio and connects to Claude Desktop, Cline, or Cursor. You can chain them into pipelines: legacy-analyzer scores your codebase 0 to 100, code-modernizer converts JS to TypeScript with AST transforms, typescript-enforcer catches unsafe any types, and generate-tests produces coverage. Ships with 450 passing tests, a React 19 UI demo, and an Express bridge for HTTP proxying. Install per server or use the full toolkit for automated code modernization and quality gates.
- GitHub stars
- 1
- tools
- 59
- transport
- STDIO
- last updated
- May 23, 2026
Tools
59 toolsPublic tool metadata for what this MCP can expose to an agent.
component-factoryScaffold React components from 41 shadcn/ui templates — with tests + Storybook
Scaffold React components from 41 shadcn/ui templates — with tests + Storybook
No parameter schema in public metadata yet.
component-reviewerAudit TypeScript errors, a11y issues, test coverage — graded A+ to F
Audit TypeScript errors, a11y issues, test coverage — graded A+ to F
No parameter schema in public metadata yet.
component-fixerAuto-fix broken imports, missing deps, inline style refactors
Auto-fix broken imports, missing deps, inline style refactors
No parameter schema in public metadata yet.
component-improverExtend a component with variants, comprehensive stories, and edge-case tests
Extend a component with variants, comprehensive stories, and edge-case tests
No parameter schema in public metadata yet.
storybook-generatorAuto-generate Storybook stories — Default, variants, sizes, callbacks, play functions
Auto-generate Storybook stories — Default, variants, sizes, callbacks, play functions
No parameter schema in public metadata yet.
typescript-enforcerScan for `any` types, unsafe casts, missing modifiers — 7 rules, scored 0–10
Scan for `any` types, unsafe casts, missing modifiers — 7 rules, scored 0–10
No parameter schema in public metadata yet.
accessibility-checkerWCAG 2.1 audit — alt text, label associations, ARIA roles, keyboard navigation
WCAG 2.1 audit — alt text, label associations, ARIA roles, keyboard navigation
No parameter schema in public metadata yet.
a11y-autofixerApply safe a11y fixes (img alt, blank rel, htmlFor, tabIndex)
Apply safe a11y fixes (img alt, blank rel, htmlFor, tabIndex)
No parameter schema in public metadata yet.
quality-pipeline5-stage audit (tests · types · perf · a11y · design tokens), graded A–F
5-stage audit (tests · types · perf · a11y · design tokens), graded A–F
No parameter schema in public metadata yet.
review-gateStatic A–F quality gate for generated/changed code
Static A–F quality gate for generated/changed code
No parameter schema in public metadata yet.
enforce-design-tokensFlag hardcoded colors/spacing/radii/shadows, suggest tokens, grade A–F
Flag hardcoded colors/spacing/radii/shadows, suggest tokens, grade A–F
No parameter schema in public metadata yet.
render-analyzerDetect unnecessary re-renders, missing memo, inline objects/functions
Detect unnecessary re-renders, missing memo, inline objects/functions
No parameter schema in public metadata yet.
performance-auditMemory leaks, heavy imports, unoptimized images, deep nesting
Memory leaks, heavy imports, unoptimized images, deep nesting
No parameter schema in public metadata yet.
bundle-budget-guardGate gzipped asset sizes against per-pattern budgets — fail CI on regressions
Gate gzipped asset sizes against per-pattern budgets — fail CI on regressions
No parameter schema in public metadata yet.
code-modernizerAST-based JS/JSX → TypeScript conversion, PropTypes → interfaces
AST-based JS/JSX → TypeScript conversion, PropTypes → interfaces
No parameter schema in public metadata yet.
react-compiler-migratorFlag redundant useMemo/useCallback/memo for the React 19 Compiler
Flag redundant useMemo/useCallback/memo for the React 19 Compiler
No parameter schema in public metadata yet.
codemod-runnerGeneric regex codemod engine + named built-ins; dry-run by default
Generic regex codemod engine + named built-ins; dry-run by default
No parameter schema in public metadata yet.
refactor-executorExecute refactor plans safely — move/rename/split, update imports, rollback
Execute refactor plans safely — move/rename/split, update imports, rollback
No parameter schema in public metadata yet.
redux-state-analyzerAudit Redux for anti-patterns (selectors, mutations, RTK Query migration hints)
Audit Redux for anti-patterns (selectors, mutations, RTK Query migration hints)
No parameter schema in public metadata yet.
api-contract-differDiff two API snapshots → breaking vs additive changes — CI gate against breaks
Diff two API snapshots → breaking vs additive changes — CI gate against breaks
No parameter schema in public metadata yet.
i18n-extractorScan JSX for hardcoded strings → i18n keys + message catalog
Scan JSX for hardcoded strings → i18n keys + message catalog
No parameter schema in public metadata yet.
generate-testsAnalyze a TS/React source file and generate a Vitest test suite
Analyze a TS/React source file and generate a Vitest test suite
No parameter schema in public metadata yet.
test-gap-analyzerFind unimplemented functions, uncovered branches, missing edge cases
Find unimplemented functions, uncovered branches, missing edge cases
No parameter schema in public metadata yet.
test-data-factoryFieldSchema → typed fixture factory for tests/stories
FieldSchema → typed fixture factory for tests/stories
No parameter schema in public metadata yet.
fix-failing-testsRun the suite, classify failures by root cause, generate targeted fixes
Run the suite, classify failures by root cause, generate targeted fixes
No parameter schema in public metadata yet.
legacy-analyzer22-tool health audit for any React/Next.js/Remix app — scores 0–100, migration hints
22-tool health audit for any React/Next.js/Remix app — scores 0–100, migration hints
No parameter schema in public metadata yet.
dep-auditorUnused deps, duplicate versions, circular imports, bundle impact analysis
Unused deps, duplicate versions, circular imports, bundle impact analysis
No parameter schema in public metadata yet.
monorepo-managerWorkspace listing, dependency graph, health check, shared dep finder
Workspace listing, dependency graph, health check, shared dep finder
No parameter schema in public metadata yet.
lighthouse-runnerStatic HTML audit — meta tags, a11y, OG/Twitter cards, canonical, JSON-LD
Static HTML audit — meta tags, a11y, OG/Twitter cards, canonical, JSON-LD
No parameter schema in public metadata yet.
json-viewerInteractive HTML JSON viewer — collapsible, searchable, dark/light
Interactive HTML JSON viewer — collapsible, searchable, dark/light
No parameter schema in public metadata yet.
infer-fieldsJSON sample / OpenAPI → typed FieldSchema (types, FK relations, table/form defaults)
JSON sample / OpenAPI → typed FieldSchema (types, FK relations, table/form defaults)
No parameter schema in public metadata yet.
zod-schema-generatorFieldSchema → Zod schema + inferred TS type
FieldSchema → Zod schema + inferred TS type
No parameter schema in public metadata yet.
api-client-generatorFieldSchema → RTK Query slice or TanStack Query hooks, with cache tags
FieldSchema → RTK Query slice or TanStack Query hooks, with cache tags
No parameter schema in public metadata yet.
form-generatorFieldSchema → React Hook Form + Zod form (create / edit)
FieldSchema → React Hook Form + Zod form (create / edit)
No parameter schema in public metadata yet.
table-generatorFieldSchema → TanStack Table (sort / filter / paginate)
FieldSchema → TanStack Table (sort / filter / paginate)
No parameter schema in public metadata yet.
detail-generatorFieldSchema → typed detail view + delete action
FieldSchema → typed detail view + delete action
No parameter schema in public metadata yet.
crud-composerWire the pieces into routes — React Router 7 or Next App Router
Wire the pieces into routes — React Router 7 or Next App Router
No parameter schema in public metadata yet.
form-wizard-generatorFieldSchema → multi-step RHF+Zod wizard with per-step validation
FieldSchema → multi-step RHF+Zod wizard with per-step validation
No parameter schema in public metadata yet.
msw-mock-generatorFieldSchema → MSW handlers + seed data, so the feature runs against a mock API
FieldSchema → MSW handlers + seed data, so the feature runs against a mock API
No parameter schema in public metadata yet.
workflow-runnerRuns the whole chain end-to-end, gated by review-gate — files + journal + A–F grade
Runs the whole chain end-to-end, gated by review-gate — files + journal + A–F grade
No parameter schema in public metadata yet.
e2e-generatorFieldSchema → Playwright CRUD flow spec (create→edit→delete + a11y)
FieldSchema → Playwright CRUD flow spec (create→edit→delete + a11y)
No parameter schema in public metadata yet.
playwright-scaffolderScaffold the Playwright harness — config, fixtures, base POM, auth setup
Scaffold the Playwright harness — config, fixtures, base POM, auth setup
No parameter schema in public metadata yet.
visual-regression-setupPlaywright toHaveScreenshot specs for routes/stories — catch CSS drift
Playwright toHaveScreenshot specs for routes/stories — catch CSS drift
No parameter schema in public metadata yet.
cra-to-viteOrchestrator — runs the six tools below in sequence, one call, graded report
Orchestrator — runs the six tools below in sequence, one call, graded report
No parameter schema in public metadata yet.
craconfig-analyzerDeep CRA config inspection (react-scripts, env, proxy, jest, browserslist, SVG)
Deep CRA config inspection (react-scripts, env, proxy, jest, browserslist, SVG)
No parameter schema in public metadata yet.
dependency-remapperCRA deps → Vite plan (remove/add with versions + unmapped)
CRA deps → Vite plan (remove/add with versions + unmapped)
No parameter schema in public metadata yet.
env-var-migratorREACT_APP_* → import.meta.env.VITE_*, in source and .env files
REACT_APP_* → import.meta.env.VITE_*, in source and .env files
No parameter schema in public metadata yet.
jest-to-vitest-migratorjest.* → vi.*, adds the right imports, flags manual-review cases
jest.* → vi.*, adds the right imports, flags manual-review cases
No parameter schema in public metadata yet.
vite-project-scaffolderGenerates vite.config.ts, main.tsx, strict tsconfig, a Vitest block
Generates vite.config.ts, main.tsx, strict tsconfig, a Vitest block
No parameter schema in public metadata yet.
webpack-config-translatorBest-effort webpack/CRACO → Vite translation + manual-review list
Best-effort webpack/CRACO → Vite translation + manual-review list
No parameter schema in public metadata yet.
barrel-generatorGenerate an index.ts barrel re-exporting a folder — no drifting export lists
Generate an index.ts barrel re-exporting a folder — no drifting export lists
No parameter schema in public metadata yet.
type-from-jsonJSON sample → plain TS interfaces (nested objects become their own interfaces)
JSON sample → plain TS interfaces (nested objects become their own interfaces)
No parameter schema in public metadata yet.
zustand-store-generatorState shape → typed Zustand store (setters, reset, persist/devtools)
State shape → typed Zustand store (setters, reset, persist/devtools)
No parameter schema in public metadata yet.
svg-to-componentRaw SVG → typed React component (SVGProps, currentColor) — SVGR-grade
Raw SVG → typed React component (SVGProps, currentColor) — SVGR-grade
No parameter schema in public metadata yet.
env-config-generatorZod-validated typed env module (Vite/Next) — fail fast on missing/bad vars
Zod-validated typed env module (Vite/Next) — fail fast on missing/bad vars
No parameter schema in public metadata yet.
states-scaffolderLoading/empty/error state components + a switch wrapper for a data view
Loading/empty/error state components + a switch wrapper for a data view
No parameter schema in public metadata yet.
mcp-tool-factoryScaffold + wire + verify new MCP tools in this package
Scaffold + wire + verify new MCP tools in this package
No parameter schema in public metadata yet.
mcp-tool-improviserAnalyze + improve MCP tools across 7 dimensions — proposed diffs, apply, rollback
Analyze + improve MCP tools across 7 dimensions — proposed diffs, apply, rollback
No parameter schema in public metadata yet.
docs-generatorGenerate a README (from an MCP tool) or an API reference (from a TS module + JSDoc)
Generate a README (from an MCP tool) or an API reference (from a TS module + JSDoc)
No parameter schema in public metadata yet.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageReadme
mcp-toolkit
MCP servers for React + TypeScript development automation. Works with Claude Desktop, Cline, Cursor — and as plain CLI scripts — one protocol, zero duplication.
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
Details
- Repository
- github.com/nishant-chaudhary5338/mcp-toolkit
- Package
mcp-react-toolkit- Transport
- STDIO
- Registry
- MCP registry, active