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: PatternFly 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.
Available Tools
2 toolssearchPatternFlyDocsA
Search PatternFly resources and get component names with documentation and guidance URLs. Supports case-insensitive partial and all ("*") matches.
**Usage**:
1. Input a "searchQuery" to find PatternFly documentation and guideline URLs, resource URIs, and component names.
2. Use the returned resource names OR URLs OR URIs OR version with the "usePatternFlyDocs" tool to get markdown documentation, guidelines, and component JSON schemas.
**Returns**:
- Component and resource names that can be used with "usePatternFlyDocs"
- Documentation and guideline URLs that can be used with "usePatternFlyDocs"
- Resource URIs that can be used with "usePatternFlyDocs" or directly as MCP resources
| Name | Required | Description | Default |
|---|---|---|---|
| version | No | Filter results by a specific PatternFly version (e.g. "current", "latest", "v6") | |
| searchQuery | Yes | Full or partial resource or component name to search for (e.g., "button", "react", "*") |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
No annotations provided, so description carries full burden. It describes search behavior (case-insensitive, partial, wildcard) and return types. Implies read-only, non-destructive operation. Lack of explicit auth or rate limit info is acceptable for a search tool.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
Well-structured with clear sections for usage and returns. First sentence captures purpose. No wasted words; every sentence adds value.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
No output schema, but description explains return values (bullet points). Parameters fully covered. Complexity moderate; workflow with sibling tool is explained. Complete enough for correct agent invocation.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema coverage is 100%, baseline 3. Description adds value by explaining wildcard support and version examples beyond schema descriptions. For searchQuery, it clarifies partial and full matches.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states the tool searches PatternFly resources, returns component names with documentation URLs, and supports case-insensitive partial and wildcard matches. It distinguishes from sibling tool usePatternFlyDocs by explaining the workflow.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
Provides explicit usage steps: input a searchQuery, then use returned data with usePatternFlyDocs. Includes what is returned. No exclusion criteria or when-not-to-use mentioned, but the context is clear.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
usePatternFlyDocsB
Get markdown documentation and component JSON schemas for PatternFly resources and components.
**Usage**:
1. Input a component or resource name (e.g., "Button", "Writing") OR a list of up to 15 patternfly:// URIs or documentation URLs at a time (typically from searchPatternFlyDocs results).
**Returns**:
- Markdown documentation
- Component JSON schemas, if available
| Name | Required | Description | Default |
|---|---|---|---|
| name | No | The name of a PatternFly component or patternfly:// URI resource to fetch documentation for (e.g., "Button", "patternfly://docs/Button") | |
| urlList | No | The list of patternfly:// URIs or URLs to fetch the documentation from (max 15 at a time) | |
| version | No | Filter results by a specific PatternFly version (e.g. "current", "latest", "v6") |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
No annotations are provided, so the description carries the full burden. It discloses that the tool returns documentation and schemas and accepts up to 15 URIs, but it does not mention side effects, permissions, idempotency, or error behavior. For a retrieval tool, this is a noticeable gap in transparency.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is concise with a clear structure: a brief intro, a usage section (numbered steps), and a return section. It is easy to scan and contains no redundant information, though it could be slightly more streamlined.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Given the tool's simplicity and the fact that there is no output schema, the description covers the basic functionality and input options. However, it lacks details on error handling, what happens when a name or URI is invalid, and the exact format of the returned documentation. It is adequate but not comprehensive.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema description coverage is 100%, so each parameter is described in the schema. The description adds context by explaining the OR relationship between 'name' and 'urlList' and providing examples, which adds marginal value over the schema alone. Baseline 3 is appropriate.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states it retrieves markdown documentation and JSON schemas for PatternFly resources. The verb 'get' combined with the resource type conveys the purpose well, but it does not explicitly differentiate from the sibling tool 'searchPatternFlyDocs' in the description, though it hints at the relationship by mentioning typical input from search results.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description advises that input is typically from searchPatternFlyDocs results and provides options for input (name or URL list). However, it does not explicitly state when to use this tool vs. alternatives, nor does it mention when not to use it. The guidance is implied but not fully explicit.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
TDQS
The two tools have clearly distinct purposes: one searches for documentation resources, the other retrieves the content. There is no functional overlap.
Both tool names follow a consistent camelCase verb-noun pattern (searchPatternFlyDocs, usePatternFlyDocs), making them predictable and easy to distinguish.
With only two tools, the server feels minimal for a full documentation surface. While it covers search and retrieval, additional tools like listing categories or listing all components would better match the apparent scope.
The server covers the basic query-retrieve cycle for PatternFly documentation. The search tool supports wildcards to effectively list all components, so the main gap is the lack of a direct 'list all' tool, but it's a minor shortcoming.
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Related MCP Connectors
Live React design-system APIs, patterns, and code validation so AI agents build real UI, not slop.
The Cortex MCP server provides read-only access to real-time engineering context from the Cortex developer portal, allowing AI coding assistants to answer natural language questions about your organization's catalog (microservices, libraries, domains, teams, infrastructure), scorecards (engineering standards and best practices), initiatives (goals and deadlines), and Engineering Intelligence metrics. It includes tools for querying documentation, tracking personal entities, and accessing AI-assisted insights across the entire Cortex ecosystem.
Your org's AI agents, tasks, runs, search, and brain files as MCP tools and resources.
Read-only MCP tools for AI agent discovery, structured resources, and NIULAI information.
Related MCP Servers
AlicenseCqualityDmaintenanceProvides AI assistants with comprehensive access to Grafana's React component library, including TypeScript source code, MDX documentation, Storybook examples, test files, and design system tokens for building Grafana-compatible interfaces.1259MIT- AlicenseAqualityDmaintenanceProvides access to PatternFly React development rules and documentation via MCP tools, allowing retrieval of documentation from URLs or local paths.2261MIT
- AlicenseNot gradedqualityDmaintenanceProvides resources, tools, and prompts for a Design System via MCP protocol, enabling component search, reading, and related component discovery.225MIT

Taiga UI MCP Serverofficial
AlicenseNot gradedqualityBmaintenanceProvides AI assistants with comprehensive access to Taiga UI components, enabling retrieval of component documentation, code examples, and migration guides via four MCP tools.3,37615Apache 2.0
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- 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