mcp-react-toolkit

web MCP Server

9 MCP servers for React + TypeScript automation — component scaffolding, dep auditing, WCAG checking, test generation, TypeScript enforcement, and monorepo management.

VerifiedInstall Ready
webwebtypescript
5 views1 stars0 forksv1.3.0MIT

Why This Matters

Discovered via list:awesome-mcp-servers-punkpeye and last synced 3mo ago.

VerifiedInstall Ready
Source
list:awesome-mcp-servers-punkpeye
Stars
1
Last synced
3mo ago
Install
Instructions detected

Install

1. Install the package

npx mcp-react-toolkit --list

2. Add to claude_desktop_config.json

{
  "mcpServers": {
    "mcp-react-toolkit": {
      "command": "npx",
      "args": [
        "mcp-react-toolkit"
      ]
    }
  }
}

Config file location: ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) / %APPDATA%\Claude\claude_desktop_config.json (Windows)

18
Tools
0
Resources
0
Prompts
Standard I/O
Transport

Available Tools (18)

component-reviewer

19

quality-pipeline

8

lighthouse-runner

13

code-modernizer

8

legacy-analyzer

14

Tool

Tests

accessibility-checker

15

dep-auditor

15

component-fixer

10

render-analyzer

11

json-viewer

16

component-factory

6

storybook-generator

20

typescript-enforcer

22

generate-tests

14

performance-audit

15

test-gap-analyzer

15

monorepo-manager

30

Works Well With - Skills

opencli-usage

Use when running OpenCLI commands to interact with websites (Bilibili, Twitter, Reddit, Xiaohongshu, etc.), desktop apps (Cursor, Notion), or public APIs (HackerNews, arXiv). Covers installation, command reference, and output formats for 87+ adapters.

5841 starsHas guide

revops

When the user wants help with revenue operations, lead lifecycle management, or marketing-to-sales handoff processes. Also use when the user mentions 'RevOps,' 'revenue operations,' 'lead scoring,' 'lead routing,' 'MQL,' 'SQL,' 'pipeline stages,' 'deal desk,' 'CRM automation,' 'marketing-to-sales handoff,' 'data hygiene,' 'leads aren't getting to sales,' 'pipeline management,' 'lead qualification,' or 'when should marketing hand off to sales.' Use this for anything involving the systems and proc

1104 starsHas guide

schema

When the user wants to add, fix, or optimize schema markup and structured data on their site. Also use when the user mentions "schema markup," "structured data," "JSON-LD," "rich snippets," "schema.org," "FAQ schema," "product schema," "review schema," "breadcrumb schema," "Google rich results," "knowledge panel," "star ratings in search," or "add structured data." Use this whenever someone wants their pages to show enhanced results in Google. For broader SEO issues, see seo-audit. For AI search

1104 starsHas guide

social

When the user wants help creating, scheduling, or optimizing social media content for LinkedIn, Twitter/X, Instagram, TikTok, Facebook, or other platforms, or wants to do social listening and engagement triage. Also use when the user mentions 'LinkedIn post,' 'Twitter thread,' 'social media,' 'content calendar,' 'social scheduling,' 'engagement,' 'viral content,' 'what should I post,' 'repurpose this content,' 'tweet ideas,' 'LinkedIn carousel,' 'social media strategy,' 'grow my following,' 'Tik

1104 starsHas guide