Which integrations are available for this server?

Provides tools for discovering and inspecting React components from the @trussworks/react-uswds package, including component search, props inspection, usage snippets generation, and component suggestions for UI use cases.

How do I use React USWDS MCP Server?

1. Click on "Install Server". 2. Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state. 3. In the chat, type @ followed by the MCP server name and your instructions, e.g., "@React USWDS MCP Server show me how to use the Button component" That's it! The server will respond to your query, and you can continue using it as needed. Here is a step-by-step guide with screenshots.

react-uswds-mcp

An MCP server that indexes your locally-installed @trussworks/react-uswds package (from the host project's node_modules) and exposes tools/resources that help code assistants:

discover components
inspect detected Props surfaces (best-effort)
generate correct import + usage snippets
suggest components for a UI use case

Prerequisites

Node.js 18+
Yarn (recommended Yarn 4.12)

Install

yarn install

Build + run

yarn build
yarn start

Dev (no build)

yarn dev

Environment

REACT_USWDS_PACKAGE (optional): package name to resolve. Default is @trussworks/react-uswds.

MCP host configuration (example)

{
  "mcpServers": {
    "react-uswds-mcp": {
      "command": "node",
      "args": ["/ABSOLUTE/PATH/react-uswds-mcp/dist/index.js"],
      "env": {
        "REACT_USWDS_PACKAGE": "@trussworks/react-uswds"
      }
    }
  }
}