PatternFly MCP Server
OfficialThe PatternFly MCP Server provides AI assistants and IDE integrations with programmatic access to PatternFly design system documentation, rules, and component schemas via the Model Context Protocol.
Browse Component Documentation: Fetch design guidelines, accessibility information, and usage examples for 80+ PatternFly React components (Button, Modal, Table, Alert, Card, Form, etc.)
Access Layout & Chart Documentation: Retrieve docs for layout components (Flex, Grid, Gallery, Bullseye, etc.) and all chart types (Area, Bar, Donut, Line, Pie, Scatter, and more)
Get Component JSON Schemas: Retrieve structured JSON Schema definitions for PatternFly React components, including prop definitions, types, and validation rules via the
componentSchemastoolFetch General Reference Docs: Access top-level documentation for packages like
@patternfly/react-chatbot,@patternfly/react-component-groups, setup guides, and troubleshooting referencesMulti-URL Document Fetching: Fetch multiple documentation pages in a single call to answer complex, multi-component questions
Multiple Integration Options: Use via IDE integration (Claude Desktop, Cursor, etc.), direct CLI with
npx, HTTP transport mode, or embedded in custom Node.js/TypeScript applicationsInspection Tool: Visualize and test the MCP interface via the built-in MCP inspector
Provides access to PatternFly React component documentation, design guidelines, accessibility information, and JSON schemas for PatternFly components.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@PatternFly MCP Servershow me the schema for 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.
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
NPM (or equivalent package manager)
Related MCP server: Grafana UI MCP Server
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
Unable to update to the required Node.js version? See pinned MCP configuration examples for earlier Node.js versions.
Minimal configuration
{
"mcpServers": {
"patternfly-mcp": {
"command": "npx",
"args": ["-y", "@patternfly/patternfly-mcp@latest"],
"description": "PatternFly rules and documentation"
}
}
}HTTP transport mode
{
"mcpServers": {
"patternfly-mcp": {
"command": "npx",
"args": ["-y", "@patternfly/patternfly-mcp@latest", "--http", "--port", "8080"],
"description": "PatternFly rules and documentation (HTTP transport)"
}
}
}See the MCP Server Configuration documentation for more examples.
For development, advanced usage
Run the latest released server
Run the latest published package immediately via npx:
npx -y @patternfly/patternfly-mcp@latestOr with options
npx -y @patternfly/patternfly-mcp@latest --log-stderr --verboseRun a locally built server
# clone the repo, change the directory, npm install, npm run build, then in the repo context run...
npm startInspect the server
Visualize and test the packaged MCP interface:
npx -y @modelcontextprotocol/inspector npx -y @patternfly/patternfly-mcp@latestBuild from source and test a local built MCP interface:
# clone the repo, change the directory, npm install, npm run build, then in the repo context run...
npx -y @modelcontextprotocol/inspector node dist/cli.jsEmbed 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.
Architecture: Learn about our library synchronization concept and data sources.
Usage: Detailed guide on built-in tools, resources, and troubleshooting for general use.
Development: Reference for CLI options and tool plugins.
Security & Governance
See SECURITY.md for vulnerability reporting and GOVERNANCE.md for how contributions are reviewed.
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.
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Latest Blog Posts
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/patternfly/patternfly-mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server