
PatternFly MCP Server
OfficialProvides PatternFly React component documentation, schemas, and development best practices to AI assistants. Helps developers build applications using PatternFly components correctly.
Provides access to PatternFly React documentation, development rules, and component schemas through MCP tools, enabling AI assistants to help developers build applications with PatternFly components following best practices.
What it does
- Retrieve PatternFly component documentation and schemas
- Search PatternFly components by name
- Access development rules and best practices
- Get component JSON schemas for validation
Best for
About PatternFly MCP Server
PatternFly MCP Server is an official MCP server published by patternfly that provides AI assistants with tools and capabilities via the Model Context Protocol. Access PatternFly documentation and React docs, component schemas, and dev rules via PatternFly MCP Server — AI-assisted It is categorized under developer tools, design. This server exposes 3 tools that AI clients can invoke during conversations and coding sessions.
How to install
You can install PatternFly MCP Server in your AI client of choice. Use the install panel on this page to get one-click setup for Cursor, Claude Desktop, VS Code, and other MCP-compatible clients. This server runs locally on your machine via the stdio transport.
License
PatternFly MCP Server is released under the MIT license. This is a permissive open-source license, meaning you can freely use, modify, and distribute the software.
Tools (3)
Get markdown documentation and component JSON schemas for PatternFly components. **Usage**: 1. Input a component name (e.g., "Button") OR a list of up to 15 documentation URLs at a time (typically from searchPatternFlyDocs results). **Returns**: - Markdown documentation - Component JSON schemas, if available
Search PatternFly components and get component names with documentation URLs. Supports case-insensitive partial and all ("*") matches. **Usage**: 1. Input a "searchQuery" to find PatternFly documentation URLs and component names. 2. Use the returned component names OR URLs with the "usePatternFlyDocs" tool to get markdown documentation and component JSON schemas. **Returns**: - Component names that can be used with "usePatternFlyDocs" - Documentation URLs that can be used with "usePatternFlyDocs"
[Deprecated: Use "usePatternFlyDocs" to retrieve component schemas from PatternFly documentation URLs.] Get JSON Schema for a PatternFly React component. Returns prop definitions, types, and validation rules. Use this for structured component metadata, not documentation.
PatternFly MCP Server
A Model Context Protocol (MCP) server that provides access to PatternFly rules and documentation, built with Node.js.
The PatternFly MCP server is a comprehensive library resource for PatternFly. It is intended to be extensible to meet the needs of different teams and projects, from simple to complex, from design to development. Read more about our roadmap and how we've structured the server in our architecture docs.
Requirements
- Node.js 20+
- NPM (or equivalent package manager)
Quick Start
The PatternFly MCP Server supports multiple configurations; see the usage documentation for details.
For integrated use with an IDE
Set a basic MCP configuration
Minimal configuration
{
"mcpServers": {
"patternfly-docs": {
"command": "npx",
"args": ["-y", "@patternfly/patternfly-mcp@latest"],
"description": "PatternFly rules and documentation"
}
}
}
HTTP transport mode
{
"mcpServers": {
"patternfly-docs": {
"command": "npx",
"args": ["-y", "@patternfly/patternfly-mcp@latest", "--http", "--port", "8080"],
"description": "PatternFly docs (HTTP transport)"
}
}
}
See the MCP Server Configuration documentation for more examples.
For development, advanced usage
Run the server directly
Run the server immediately via npx:
npx -y @patternfly/patternfly-mcp
Or with options
npx -y @patternfly/patternfly-mcp --log-stderr --verbose
Inspect the server
Visualize and test the MCP interface:
npx -y @modelcontextprotocol/inspector npx @patternfly/patternfly-mcp
Embed the server in your application
import { start } from '@patternfly/patternfly-mcp';
// Remember to avoid using console.log and info, they pollute STDOUT
async function main() {
const server = await start();
// Graceful shutdown
process.on('SIGINT', async () => {
await server.stop();
process.exit(0);
});
}
main();
See the development documentation for additional examples, CLI and embedded server options.
Documentation
For comprehensive usage, development, and project state read the docs.
Contributing
Contributing? Guidelines can be found here CONTRIBUTING.md.
AI agent
If you're using an AI assistant to help with development in this repository, please prompt it to review the repo guidelines to ensure adherence to project conventions.
Guidelines for developer-agent interaction can be found in CONTRIBUTING.md.
Alternatives
Related Skills
Browse all skillsUI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.
Use when building CLI tools, implementing argument parsing, or adding interactive prompts. Invoke for CLI design, argument parsing, interactive prompts, progress indicators, shell completions.
Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).
Build full-stack applications with Supabase (PostgreSQL, Auth, Storage, Real-time, Edge Functions). Use when implementing authentication, database design with RLS, file storage, real-time features, or serverless functions.
Master REST and GraphQL API design principles to build intuitive, scalable, and maintainable APIs that delight developers. Use when designing new APIs, reviewing API specifications, or establishing API design standards.
Designer-turned-developer who crafts stunning UI/UX even without design mockups