forgekit-radix-mcp
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., "@forgekit-radix-mcpget the Tooltip primitive"
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.
forgekit-radix-mcp
Radix Primitives' APIs and accessibility contracts, exposed to AI coding agents.
Coding agents (Claude Code, Cursor) routinely hallucinate Radix prop names, drop required parts, and miss the ARIA/keyboard contract of a primitive. There's no machine-readable source of truth for how to use Radix correctly — only prose docs an agent has to guess from.
forgekit-radix-mcp is an MCP server that gives an agent the real thing: each primitive's parts, props, and — the part nobody else ships — its accessibility contract and the common mistakes to avoid.
My coding agent stopped hallucinating Radix props — and now it knows a tooltip isn't a label.
Part of ForgeKit. MIT licensed.
Why
Props can be inferred from types. The accessibility contract can't — that's hand-authored knowledge: which Provider is required, which part supplies the accessible name, what the keyboard model is, and the misuse that quietly breaks a11y (a Tooltip used as a label, a Popover that auto-opens a nested Tooltip, a Select with an empty-string item value). This server encodes that so agents generate correct, accessible Radix code on the first try.
Related MCP server: Components Build MCP
Install
npm i -g forgekit-radix-mcp
# or run on demand
npx forgekit-radix-mcpRegister with an MCP client
Claude Code / Cursor (stdio server):
{
"mcpServers": {
"radix": {
"command": "npx",
"args": ["-y", "forgekit-radix-mcp"]
}
}
}Tools
Tool | Returns |
| Every documented primitive + one-line description |
| Parts, props by part, a11y contract, and a correct example |
| Just the accessibility contract — highest-signal payload |
Example
Agent call:
get_primitive { "name": "Tooltip" }Returns (abridged):
{
"name": "Tooltip",
"import": "import { Tooltip } from 'radix-ui';",
"parts": ["Provider", "Root", "Trigger", "Portal", "Content", "Arrow"],
"a11yContract": {
"roles": "Content renders role=\"tooltip\"; Trigger gets aria-describedby when open",
"keyboard": ["Tab: focus the trigger → opens instantly", "Escape: closes"],
"focus": "Opens on focus AND hover; focus never moves into the tooltip",
"requires": ["Tooltip.Provider must wrap the app once"],
"commonMistakes": [
"Using a tooltip for essential/interactive content (use Popover/HoverCard)",
"Wrapping a disabled button directly — it fires no focus/hover events",
"Using a tooltip as the only label for an icon button"
]
},
"correctExample": "<Tooltip.Provider> ... </Tooltip.Provider>"
}Coverage
26 primitives. Dialog · AlertDialog · Popover · Tooltip · HoverCard · DropdownMenu · ContextMenu · Menubar · NavigationMenu · Select · Tabs · Accordion · Collapsible · Checkbox · RadioGroup · Switch · Toggle · ToggleGroup · Slider · Toast · Progress · Avatar · Label · Separator · AspectRatio · ScrollArea.
Data reflects the radix-ui public API and the WAI-ARIA Authoring Practices.
Pairs with WorkOS AuthKit MCP
For agents that act on behalf of a user, AuthKit MCP handles secured, tool-scoped access — forgekit-radix-mcp is a read-only knowledge server that slots cleanly behind it.
Development
npm install
npm run build
npm testAvailable Tools
3 toolsget_a11y_contractA
Get just the accessibility contract for a primitive — roles, keyboard interactions, focus behavior, structural requirements, and the common mistakes to avoid. The highest-signal payload when wiring a component accessibly.
| Name | Required | Description | Default |
|---|---|---|---|
| name | Yes | Primitive name, e.g. "Tooltip" (case-insensitive). |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations, the description bears full responsibility for behavioral disclosure. It explains the output contents (roles, interactions, etc.) but does not mention error behavior, authentication needs, or side effects. The claim of 'highest-signal payload' adds some context but not exhaustive 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 two concise sentences. The first lists the output contents, the second states the use-case. Every word serves a purpose, and it is front-loaded with the core action.
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?
For a simple one-parameter tool with no output schema, the description is reasonably complete. It clearly states what the tool returns and why it is useful. Minor gap: no mention of error handling for invalid primitive names, but overall adequate given low complexity.
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?
The single parameter 'name' is fully documented in the schema with description and example. The tool description adds no additional meaning beyond what the schema provides, meeting the baseline for 100% schema coverage.
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 retrieves the accessibility contract for a primitive, listing specific elements like roles and keyboard interactions. It distinguishes itself from siblings 'get_primitive' (which likely returns full primitive details) and 'list_primitives' by emphasizing it provides 'just the accessibility contract' and is the 'highest-signal payload' for accessibility wiring.
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 implies usage context ('when wiring a component accessibly') but does not explicitly state when to use this tool over siblings or when not to use it. It lacks direct comparisons or exclusions, leaving the agent to infer from sibling names.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
get_primitiveA
Get full metadata for a Radix primitive: composable parts, props by part, the accessibility contract, and a correct minimal example. Use before writing or editing any Radix component.
| Name | Required | Description | Default |
|---|---|---|---|
| name | Yes | Primitive name, e.g. "Tooltip", "Dialog", "Select" (case-insensitive). |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
No annotations are provided, so the description carries the burden. It describes a read-only metadata retrieval and lists what is included, but does not disclose any side effects or safety traits beyond that. No contradictions with annotations since none exist.
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 a single, compact sentence that efficiently conveys the tool's purpose and usage, with no extraneous information.
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 complexity of the metadata (parts, props, accessibility, example), the description lists these components, providing a clear sense of what is returned. No output schema, but the listing suffices. It could be improved by hinting at output structure, but it is largely complete for a getter with one parameter.
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% for the single parameter 'name', which includes examples and case-insensitivity. The description does not add additional parameter semantics beyond the schema, so 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 full metadata for a Radix primitive, listing specific components (composable parts, props, accessibility contract, minimal example). It distinguishes itself from siblings by being comprehensive, while get_a11y_contract focuses on accessibility and list_primitives lists all primitives.
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?
Explicitly instructs 'Use before writing or editing any Radix component,' providing clear context. It does not mention exclusions or alternatives, but sibling tool names (get_a11y_contract, list_primitives) help the agent infer when to use alternatives.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
list_primitivesA
List every documented Radix primitive with a one-line description. Call this first to discover what is available.
| Name | Required | Description | Default |
|---|---|---|---|
No parameters | |||
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
No annotations are provided, so the description carries full burden. It does not disclose side effects, performance implications, or read-only nature. For a listing tool, the behavior is straightforward, but minimal behavioral context is given beyond the basic purpose.
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 two sentences, concise and front-loaded with the action and result. Every word adds value, with no redundancy or fillers.
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 no parameters and no output schema, the description is fairly complete. It specifies the scope (Radix primitives) and the output format (one-line descriptions), and provides usage context. It could be enhanced by mentioning whether the list is ordered or filtered, but it is adequate for a simple listing tool.
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?
The tool has no parameters, and schema coverage is 100% trivially. With 0 parameters, baseline is 4. The description does not need to add parameter meaning since there are none.
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 action ('List every documented Radix primitive') and the result ('with a one-line description'). It distinguishes from sibling tools like get_primitive, which are for individual items, by indicating it lists all.
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 explicitly says 'Call this first to discover what is available,' providing clear when-to-use guidance. It implies that after listing, other tools like get_primitive can be used for details, but does not explicitly state when not to use it or alternatives.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
Tool Schema Changelog
Recent tool additions, removals, and schema changes observed during successful MCP inspections. Dates show when Glama detected each change.
3 tool updates
v0.1.0- First observed
get_a11y_contract - First observed
get_primitive - First observed
list_primitives
TDQS
Each tool has a distinct, non-overlapping purpose: listing all primitives, getting full metadata for one, and retrieving only the accessibility contract. No ambiguity.
All tool names follow a consistent verb_noun pattern: list_primitives, get_primitive, get_a11y_contract. Perfectly predictable.
3 tools is ideal for a focused server that provides read-only access to primitive metadata. Each tool is essential and the set is well-scoped.
Covers discovery (list), full retrieval (get), and targeted contract retrieval for accessibility. Minor gap: no search or filtering, but the set is functionally complete for the intended use case.
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
Serves your design system and coding standards to coding agents, so they stop guessing.
Live React design-system APIs, patterns, and code validation so AI agents build real UI, not slop.
Provide your AI coding tools with token-efficient access to up-to-date technical documentation for…
Turn PRDs and product ideas into structured specs so coding agents build your intent, not theirs.
Related MCP Servers
- FlicenseNot gradedqualityDmaintenanceProvides AI assistants with access to private React component library documentation, props, and code examples through type-safe TypeScript integration.-
- AlicenseBqualityDmaintenanceProvides AI assistants with tools to grade, generate, and validate UI components against the components.build specification. Supports searching documentation, checking compliance, and generating framework-agnostic accessible components.1119Apache 2.0
- FlicenseAqualityDmaintenanceProvides AI assistants with direct access to shadcn/ui components and blocks, enabling real-time fetching of component source code, documentation, and implementation examples.4304-
- FlicenseNot gradedqualityCmaintenanceEnables AI assistants to access documentation of Vue UI components, including props, events, and slots, for generating correct usage code.7-
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/effinrich/forgekit-radix-mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server