by tyler-technologies-oss
Access Tyler Forge’s design system, React UI library, component APIs, and framework guides for seamless app development
Provides AI-powered access to Tyler Technologies' design system documentation, components, and design tokens. Generates framework-specific code examples and validates component API usage.
Tyler Forge is an official MCP server published by tyler-technologies-oss that provides AI assistants with tools and capabilities via the Model Context Protocol. Access Tyler Forge’s design system, React UI library, component APIs, and framework guides for seamless app development It is categorized under developer tools, design. This server exposes 11 tools that AI clients can invoke during conversations and coding sessions.
You can install Tyler Forge 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.
Apache-2.0
Tyler Forge is released under the Apache-2.0 license. This is a permissive open-source license, meaning you can freely use, modify, and distribute the software.
Add new capabilities to Claude beyond text generation
Example
Access external data sources, execute code, interact with tools and services
Transform Claude from chatbot to action-taking agent
Provide Claude with access to relevant context and data
Example
Load project documentation, access knowledge bases, query databases
Get more accurate, context-aware responses
Automate multi-step workflows combining AI and external tools
Example
Research → Summarize → Create document → Send notification
Complete complex tasks end-to-end without manual steps
Share your MCP server with the developer community
Tyler Forge is a well-scoped MCP server in the explainx.ai directory — install snippets and categories matched our Claude Code setup.
Strong directory entry: Tyler Forge surfaces stars and publisher context so we could sanity-check maintenance before adopting.
We wired Tyler Forge into a staging workspace; the listing’s GitHub and npm pointers saved time versus hunting across READMEs.
Tyler Forge has been reliable for tool-calling workflows; the MCP profile page is a good permalink for internal docs.
We wired Tyler Forge into a staging workspace; the listing’s GitHub and npm pointers saved time versus hunting across READMEs.
Tyler Forge reduced integration guesswork — categories and install configs on the listing matched the upstream repo.
Tyler Forge is a well-scoped MCP server in the explainx.ai directory — install snippets and categories matched our Claude Code setup.
Tyler Forge has been reliable for tool-calling workflows; the MCP profile page is a good permalink for internal docs.
Tyler Forge is among the better-indexed MCP projects we tried; the explainx.ai summary tracks the official description.
According to our notes, Tyler Forge benefits from clear Model Context Protocol framing — fewer ambiguous “AI plugin” claims.
showing 1-10 of 72
Get instant access to Tyler Forge™ web component documentation directly in AI clients. Ask questions, generate code examples, and explore design system details.
Tyler Forge™ is Tyler Technologies' comprehensive web component library and design system. This tool brings that documentation into your AI tools so you can:
This MCP server provides a set of declarative resources and tools for accessing Tyler Forge documentation. It uses a progressive disclosure model to minimize complexity while maximizing accuracy.
When you start the MCP server in your AI client, it automatically detects the currently installed version of Tyler Forge (if any) in your project. This allows it to provide version-specific documentation. If no version is detected, it defaults to the latest stable release that is bundled within this MCP server.
The MCP server is designed to minimize cognitive load by exposing only the most essential resources and tools upfront. More detailed information can be accessed through specific tools or follow-up queries. This keeps control of the token usage while still providing comprehensive access to the documentation when needed.
All documentation is either pulled from the Custom Elements Manifest (CEM) files included with each Tyler Forge package, as well as information that was sourced from the documentation site at https://forge.tylerdev.io.
claude mcp add -t stdio -s [scope] forge -- npx -y @tylertech/forge-mcp@latest
The
[scope]must beuser,projectorlocal. See the Claude Code MCP documentation for more information.
Add the following to your config.toml (which defaults to ~/.codex/config.toml, but refer to the configuration documentation for more advanced setups):
[mcp_servers.forge]
command = "npx"
args = ["-y", "@tylertech/forge-mcp@latest"]
gemini mcp add -t stdio -s [scope] forge npx -y @tylertech/forge-mcp@latest
The
[scope]must beuser,projectorlocal.
Cmd+Shift+P or Ctrl+Shift+P)MCP: Add Server...Command (stdio)npx -y @tylertech/forge-mcp@latestforgeGlobal or Workspace MCP serverSee the VS Code MCP docs for more info.
Add the Forge MCP server to the .vscode/mcp.json configuration file in your project, or use the Command Palette to add it via "MCP: Add Server...".
{
"servers": {
"forge": {
"command": "npx",
"args": ["-y", "@tylertech/forge-mcp@latest"],
"type": "stdio"
}
}
}
Note: You may need to start the server manually after adding it to the config file. Use the
MCP: List Serverscommand from the Command Palette.
SettingsDeveloperEdit ConfigThis will open your file explorer to the directory where the claude_desktop_config.json file lives. Edit the file to include the following configuration:
{
"mcpServers": {
"forge": {
"command": "npx",
"args": ["-y", "@tylertech/forge-mcp@latest"]
}
}
}
When using any AI-powered tool, it's important to follow best practices to ensure effective usage and accurate results:
If there's one thing to take away, it's to be specific and spend time up front planning and structuring your prompts. This will lead to more accurate and useful results. In the end, these tools are here to assist you, and they can get things wrong even with the best prompts and context. Always verify and review the output for accuracy.
ALWAYS validate the output from any AI tool for accuracy. While this MCP server is designed to provide accurate information, it may not always be perfect and LLMs are known to hallucinate at times. Always cross-check critical information with the official Tyler Forge™ documentation or trusted sources.
Sets some baseline rules when running Forge-specific tasks/queries.
You can trigger this prompt in your AI client by specifying the prompt name (if supported), typically via a slash command or prompt selection. The
forge_mode prompt accepts a task parameter where you can describe your specific task/query. This helps guide the LLM to use the correct MCP
server tools, as well as includes some rules and best practices when outputting Tyler Forge-related code.
The following tools are available for interacting with Tyler Forge documentation. Each tool uses declarative parameters to provide comprehensive functionality while minimizing the cognitive load for AI clients:
| Tool | Description |
|---|---|
| Component Tools | |
get_component_docs | Get comprehensive documentation for Tyler Forge components in various formats: full API reference, summary overview, or structural usage examples. Returns component list when no component specified. |
list_components | Browse all available Tyler Forge components with descriptions. Returns a comprehensive table of all components with their purpose and capabilities. |
find_components | Search Tyler Forge components by name, description, or functionality with enhanced fuzzy matching. Supports multi-term queries like "app bar drawer". Returns all components when no query provided. |
validate_component_api | Validate Tyler Forge component API usage after code generation. Checks that properties, attributes, events, methods, slots, CSS properties, parts, and classes are valid. |
| Design System Tools | |
get_design_tokens | Get Tyler Forge design tokens for consistent styling. Access color palettes, spacing scales, typography, animation, and other design system values. |
setup_typography | Access Tyler Forge typography setup instructions including font families, type scales, weights, and practical usage guidelines for consistent text styling. |
setup_icons | Access Tyler Forge icons system including installation, registration, and usage patterns for the forge-icon component. |
find_icons | Search Tyler Icons using semantic/fuzzy search with natural language queries. Finds the closest matching icons by name and keywords. |
| Framework Tools | |
setup_framework | Get complete framework-specific setup instructions for Tyler Forge components including installation, configuration, and best practices for Angular, React, Vue, Svelte, or Lit. |
| Migration Tools | |
get_version_migration_guide | Get comprehensive migration guides for upgrading between Tyler Forge versions, including breaking changes, API mappings, and upgrade instructions. Defaults to upgrading from v2 to v3. |
| General Tools | |
get_usage_guide | Get comprehensive Tyler Forge guides including installation instructions, framework-specific integration, and general usage patterns |
The following streamlined resources are available for reference via a progressive disclosure model:
| Resource URI | Description |
|---|---|
| Component Resources | |
forge://components | Overview of all Tyler Forge components with names and summaries |
forge://component/{tagName} | Complete documentation for specific Tyler Forge component |
| General Resources | |
forge://installation | Complete installation guide for Tyler Forge web components |
forge://usage | Comprehensive usage guide for Tyler Forge web components |
| Framework Resources | |
forge://framework/angular | Tyler Forge Angular integration guide |
forge://framework/react | Tyler Forge React integration guide |
forge://framework/vue | Tyler Forge Vue integration guide |
forge://framework/svelte | Tyler Forge Svelte integration guide |
forge://framework/lit | Tyler Forge Lit integration guide |
| Design Token Resources | |
forge://design-tokens | Complete Tyler Forge design tokens including colors, spacing, typography, animation, borders, elevation, layering, and shapes |
forge://design-tokens/typography | Tyler Forge typography system including font families, type scales, weights, and usage guidelines |
forge://design-tokens/color | Tyler Forge color system including palettes, semantic colors, and usage guide |
Prerequisites
Time Estimate
15-60 minutes depending on server complexity
Steps
Troubleshooting
✓ Do
✗ Don't
💡 Pro Tips
Architecture
Model Context Protocol standardizes how AI hosts (Claude, Cursor) communicate with external tools and data sources through server implementations.
Protocols
Compatibility
✓ Use when
Use when you need Claude to access external data, execute actions, or integrate with tools. Best for extending AI capabilities beyond conversation.
✗ Avoid when
Avoid when native integrations exist (use official APIs directly), for real-time critical systems, or when security/compliance requires zero external dependencies.