A Model Context Protocol (MCP) server that provides access to PatternFly React development rules and documentation, built with Node.js and TypeScript.
The Model Context Protocol (MCP) is an open standard that enables AI assistants to securely access external data sources and tools. This server provides a standardized way to expose PatternFly documentation and development rules to MCP-compatible clients.
- Node.js 20.0.0 or higher
- Note: Loading Tool Plugins from an external file or package requires Node.js >= 22 at runtime. On Node < 22, the server starts with built‑in tools only and logs a one‑time warning.
- NPM (or another Node package manager)
- Install dependencies:
npm install- Build the project:
npm run build- Run in watch/dev mode (TypeScript via tsx):
npm run start:devnpx @patternfly/patternfly-mcpOr install locally in a project and run:
npm install @patternfly/patternfly-mcp
npx @patternfly/patternfly-mcpThe MCP server tools are focused on being a resource library for PatternFly. Server tools are extensible by design and intended to be used in conjunction with the available MCP resources.
Use this to search for PatternFly documentation URLs and component names. Accepts partial string matches or * to list all available components. From the content, you can select specific URLs and component names to use with usePatternFlyDocs
- Parameters:
searchQuery:string(required)
Fetch full documentation and component JSON schemas for specific PatternFly URLs or component names.
Feature: This tool automatically detects if a URL belongs to a component (or if a "name" is provided) and appends its machine-readable JSON schema (props, types, validation) to the response, providing a fused context of human-readable docs and technical specs.
- Parameters: Parameters are mutually exclusive. Provide either
nameORurlListnot both.name:string(optional) - The name of the PatternFly component (e.g., "Button", "Modal"). Recommended for known component lookups.urlList:string[](optional) - A list of specific documentation URLs discovered viasearchPatternFlyDocs.
"fetchDocs" has been integrated into "usePatternFlyDocs."
Use this to fetch one or more specific documentation pages (e.g., concrete design guidelines or accessibility pages) after you’ve identified them via usePatternFlyDocs.
Parameters:urlList:string[](required)
"componentSchemas" has been integrated into "usePatternFlyDocs."
Use this to fetch the JSON Schema for a specific PatternFly component.
Parameters:componentName:string(required)
The server exposes a resource-centric architecture via the patternfly:// URI scheme:
patternfly://context: General PatternFly development context and high-level rules.patternfly://docs/index: Index of all available documentation pages.patternfly://docs/{name}: Documentation for a specific component (e.g.,patternfly://docs/Button).patternfly://schemas/index: Index of all available component schemas.patternfly://schemas/{name}: JSON Schema for a specific component (e.g.,patternfly://schemas/Button).
Most MCP clients use a JSON configuration to specify how to start this server. Below are examples you can adapt to your MCP client.
{
"mcpServers": {
"patternfly-docs": {
"command": "npx",
"args": ["-y", "@patternfly/patternfly-mcp@latest"],
"description": "PatternFly React development rules and documentation"
}
}
}{
"mcpServers": {
"patternfly-docs": {
"command": "npx",
"args": ["-y", "@patternfly/patternfly-mcp@latest", "--http", "--port", "8080"],
"description": "PatternFly docs (HTTP transport)"
}
}
}{
"mcpServers": {
"patternfly-docs": {
"command": "npx",
"args": [
"-y",
"@patternfly/patternfly-mcp@latest",
"--tool",
"./mcp-tools/local-custom-tool.js"
],
"description": "PatternFly MCP with a local custom tool"
}
}
}By default, the server uses stdio. Use the --http flag to enable HTTP transport.
--http: Enable HTTP transport mode.--port <number>: Port to listen on (default: 8080).--host <string>: Host to bind to (default: 127.0.0.1).--allowed-origins <origins>: Comma-separated list of allowed CORS origins.--allowed-hosts <hosts>: Comma-separated list of allowed host headers.
This server enables DNS rebinding protection by default when running in HTTP mode. If you're behind a proxy or load balancer, ensure the client sends a correct Host header and configure --allowed-hosts accordingly.
The server uses a diagnostics_channel–based logger that keeps STDIO stdout pure by default. No terminal output occurs unless you enable a sink.
--log-stderr: Enable terminal logging.--log-protocol: Forward logs to MCP clients (requires advertisingcapabilities.logging).--log-level <level>: Set log level (debug,info,warn,error). Default:info.--verbose: Shortcut fordebuglevel.
Example:
npx @patternfly/patternfly-mcp --log-stderr --log-level debugDocs-host mode will be removed or replaced in a future release.
Docs-host mode was intended to be a more efficient way for accessing text file versions of PatternFly documentation and link resources. That effort was intended to help load times and token counts while attempting to account for future API work. Docs-host mode documentation and links have experienced drift with recent updates to PatternFly resources. That drift combined with the introduction of MCP server resources concludes in disabling Docs-host mode while we evaluate its removal or replacement.
If you have been using Docs-host mode, there's a probability you've been leveraging model inference instead of PatternFly documentation. You can continue passing the
--docs-hostflag, it will not break the CLI, but it will no-longer affect how the PatternFly MCP server loads documentation and link resources.
If you run the server with --docs-host, local paths you pass in urlList are resolved relative to the llms-files folder at the repository root. This is useful when you have pre-curated llms.txt files locally.
--docs-host: Running this flag produces no results.Local paths you pass inurlListare resolved relative to thellms-filesfolder.
Example:
npx @patternfly/patternfly-mcp --docs-hostThen, passing a local path such as react-core/6.0.0/llms.txt in urlList will load from llms-files/react-core/6.0.0/llms.txt.
You can extend the server's capabilities by loading Tool Plugins at startup. These plugins run out‑of‑process in an isolated Tools Host (Node.js >= 22) to ensure security and stability.
--tool <path|package>: Load one or more plugins. You can provide a path to a local file or the name of an installed NPM package.- Examples:
--tool @acme/my-plugin,--tool ./local-plugins/weather-tool.js,--tool ./a.js,./b.js
- Examples:
--plugin-isolation <none|strict>: Tools Host permission preset.- Default:
strict. In strict mode, network and filesystem write access are denied; fs reads are allow‑listed to your project and resolved plugin directories.
- Default:
- Node version gate: Node < 22 skips loading plugins from external sources with a warning; built‑ins still register.
- Supported inputs: ESM packages (installed in
node_modules) and local ESM files with default exports. - Not supported: Raw TypeScript sources (
.ts) or remotehttp(s):URLs.
- If tool plugins don't appear, verify the Node version and check logs (enable
--log-stderr). - Startup
load:ackwarnings/errors from tool plugins are logged when stderr/protocol logging is enabled. - If
tools/callrejects with schema errors, ensureinputSchemais valid. See Authoring Tools for details. - If the tool is having network access issues, you may need to configure
--plugin-isolation none. This is generally discouraged for security reasons but may be necessary in some cases.
Tool: The low-level tuple format[name, schema, handler].Tool Config: The authoring object format{ name, description, inputSchema, handler }.Tool Factory: A function wrapper(options) => Tool(internal).Tool Module: The programmatic result ofcreateMcpTool, representing a collection of tools.
We recommend using the createMcpTool helper to define tools. It ensures your tools are properly normalized for the server.
import { createMcpTool } from '@patternfly/patternfly-mcp';
export default createMcpTool({
name: 'hello',
description: 'Say hello',
inputSchema: {
type: 'object',
properties: { name: { type: 'string' } },
required: ['name']
},
async handler({ name }) {
return `Hello, ${name}!`;
}
});import { createMcpTool } from '@patternfly/patternfly-mcp';
export default createMcpTool([
{ name: 'hi', description: 'Greets', inputSchema: {}, handler: () => 'hi' },
{ name: 'bye', description: 'Farewell', inputSchema: {}, handler: () => 'bye' }
]);The inputSchema property accepts either plain JSON Schema objects or Zod schemas. Both formats are automatically converted to the format required by the MCP SDK.
JSON Schema (recommended):
inputSchema: {
type: 'object',
properties: {
name: { type: 'string' },
age: { type: 'number' }
},
required: ['name']
}Zod Schema:
import { z } from 'zod';
inputSchema: {
name: z.string(),
age: z.number().optional()
}You can embed the MCP server inside your application using the start() function and provide Tool Modules directly.
import { start, createMcpTool, type PfMcpInstance, type ToolModule } from '@patternfly/patternfly-mcp';
const echoTool: ToolModule = createMcpTool({
name: 'echoAMessage',
description: 'Echo back the provided user message.',
inputSchema: {
type: 'object',
properties: { message: { type: 'string' } },
required: ['message']
},
handler: async (args: { message: string }) => ({ text: `You said: ${args.message}` })
});
async function main() {
const server: PfMcpInstance = await start({
toolModules: [
echoTool
]
});
// Optional: observe refined server logs in‑process
server.onLog((event) => {
if (event.level !== 'debug') {
console.warn(`[${event.level}] ${event.msg || ''}`);
}
});
// Graceful shutdown
process.on('SIGINT', async () => {
await server.stop();
process.exit(0);
});
}
main();npm run build: Build the project (cleans dist, type-checks, bundles).npm test: Run unit tests.npm run test:integration: Run e2e tests.npm run start:dev: Run withtsxin watch mode.npm run test:lint: Run ESLint.
DOC_MCP_FETCH_TIMEOUT_MS: Milliseconds to wait before aborting an HTTP fetch (default: 15000).
npx @modelcontextprotocol/inspector-cli \
--config ./mcp-config.json \
--server patternfly-docs \
--cli \
--method tools/call \
--tool-name usePatternFlyDocs \
--tool-arg urlList='["documentation/guidelines/README.md"]'