Forge MCP
什么是Tyler Forge™ MCP Server?
这是一个专门为Tyler Forge™网页组件库和设计系统开发的MCP服务器。它允许AI助手(如Claude、Gemini等)直接访问Tyler Forge的完整文档,包括组件API、设计令牌、框架集成指南等。通过这个服务器,开发者可以在AI工具中查询组件信息、生成代码示例、验证API使用,无需离开开发环境。如何使用Tyler Forge™ MCP Server?
首先需要在支持的AI客户端中配置MCP服务器,然后就可以通过自然语言查询Tyler Forge组件信息。服务器会自动检测项目中的Tyler Forge版本,提供版本特定的文档。支持渐进式信息展示,先提供核心信息,需要时再获取详细内容。适用场景
适用于使用Tyler Forge组件库的Web开发项目,特别是需要快速查找组件文档、生成框架特定代码、验证API使用正确性、获取设计系统令牌的场景。无论是Angular、React、Vue、Svelte还是Lit项目,都能从中受益。主要功能
组件发现与查询
通过名称、描述或功能搜索Tyler Forge组件,支持模糊匹配和多关键词查询。可以浏览所有可用组件并查看详细文档。
代码示例生成
生成框架特定的代码示例,支持Angular、React、Vue、Svelte和Lit。提供完整的组件使用代码,包括属性、事件和样式。
API使用验证
验证组件属性、属性、事件、方法、插槽、CSS属性和类的使用是否正确。确保代码符合Tyler Forge的最佳实践。
设计令牌访问
访问完整的Tyler Forge设计系统令牌,包括颜色、间距、排版、动画、边框、阴影等,确保UI一致性。
框架集成指南
获取各种前端框架的完整设置指南,包括安装、配置和最佳实践,支持Angular、React、Vue、Svelte和Lit。
图标系统支持
搜索和使用Tyler图标,支持语义/模糊搜索,提供图标安装、注册和使用模式的完整指南。
版本迁移指南
获取版本升级的完整迁移指南,包括破坏性变更、API映射和升级说明,默认支持v2到v3的迁移。
优势
上下文感知:自动检测项目中的Tyler Forge版本,提供版本特定的准确文档
渐进式信息展示:减少认知负担,先提供核心信息,需要时再获取详细内容
多框架支持:全面支持Angular、React、Vue、Svelte和Lit框架
设计系统集成:完整访问设计令牌,确保UI一致性
离线可用:文档内置于服务器中,无需网络连接即可访问
AI友好:专门为AI助手优化,提供结构化的工具和资源
局限性
仅支持Tyler Forge组件库,不适用于其他UI库
需要AI客户端支持MCP协议
文档更新依赖于服务器版本更新
某些高级功能可能需要特定的AI客户端配置
对于复杂查询,可能需要多次交互才能获取完整信息
如何使用
安装MCP服务器
根据你使用的AI客户端,运行相应的安装命令。支持Claude Desktop、VS Code、Gemini CLI等多种客户端。
配置AI客户端
在AI客户端的配置文件中添加MCP服务器设置。不同客户端的配置文件位置和格式不同。
启动服务器
重启AI客户端或手动启动MCP服务器。在VS Code中可以使用"MCP: List Servers"命令查看服务器状态。
开始查询
在AI助手中使用自然语言查询Tyler Forge相关信息。可以询问组件用法、生成代码、获取设计令牌等。
使用案例
查找合适的组件
当你需要实现一个功能但不确定使用哪个Tyler Forge组件时,可以通过描述功能来查找合适的组件。
生成框架特定代码
当你在特定框架中使用Tyler Forge组件时,需要框架特定的代码示例。
验证API使用
当你编写了使用Tyler Forge组件的代码,但不确定是否正确使用了API时,可以进行验证。
获取设计系统值
当你需要确保UI符合Tyler Forge设计系统时,可以查询设计令牌。
图标搜索
当你需要特定功能的图标时,可以通过语义搜索找到合适的图标。
常见问题
这个MCP服务器需要网络连接吗?
支持哪些AI客户端?
如何更新服务器以获取最新文档?
服务器会读取我的项目代码吗?
如果我的项目中没有Tyler Forge,服务器还能工作吗?
如何报告文档错误或请求新功能?
服务器支持哪些Tyler Forge版本?
使用这个服务器会影响AI助手的性能吗?
相关资源
Tyler Forge官方文档
完整的Tyler Forge组件库和设计系统官方文档
GitHub仓库
MCP服务器的源代码和贡献指南
MCP协议文档
Model Context Protocol的官方规范和文档
Tyler Technologies官网
Tyler Technologies公司官方网站
CONTRIBUTING指南
如何为这个项目做出贡献的详细指南
Apache 2.0许可证
项目的开源许可证

Figma Context MCP
Framelink Figma MCP Server是一个为AI编程工具(如Cursor)提供Figma设计数据访问的服务器,通过简化Figma API响应,帮助AI更准确地实现设计到代码的一键转换。
TypeScript
68.5K
4.5分

Duckduckgo MCP Server
已认证
DuckDuckGo搜索MCP服务器,为Claude等LLM提供网页搜索和内容抓取服务
Python
76.0K
4.3分

Firecrawl MCP Server
Firecrawl MCP Server是一个集成Firecrawl网页抓取能力的模型上下文协议服务器,提供丰富的网页抓取、搜索和内容提取功能。
TypeScript
132.8K
5分

Edgeone Pages MCP Server
EdgeOne Pages MCP是一个通过MCP协议快速部署HTML内容到EdgeOne Pages并获取公开URL的服务
TypeScript
30.5K
4.8分

Exa Web Search
已认证
Exa MCP Server是一个为AI助手(如Claude)提供网络搜索功能的服务器,通过Exa AI搜索API实现实时、安全的网络信息获取。
TypeScript
51.8K
5分

Context7
Context7 MCP是一个为AI编程助手提供实时、版本特定文档和代码示例的服务,通过Model Context Protocol直接集成到提示中,解决LLM使用过时信息的问题。
TypeScript
95.2K
4.7分

Baidu Map
已认证
百度地图MCP Server是国内首个兼容MCP协议的地图服务,提供地理编码、路线规划等10个标准化API接口,支持Python和Typescript快速接入,赋能智能体实现地图相关功能。
Python
46.6K
4.5分

Minimax MCP Server
MiniMax Model Context Protocol (MCP) 是一个官方服务器,支持与强大的文本转语音、视频/图像生成API交互,适用于多种客户端工具如Claude Desktop、Cursor等。
Python
58.9K
4.8分

