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許可證
項目的開源許可證

Baidu Map
已認證
百度地圖MCP Server是國內首個兼容MCP協議的地圖服務,提供地理編碼、路線規劃等10個標準化API接口,支持Python和Typescript快速接入,賦能智能體實現地圖相關功能。
Python
32.2K
4.5分

Markdownify MCP
Markdownify是一個多功能文件轉換服務,支持將PDF、圖片、音頻等多種格式及網頁內容轉換為Markdown格式。
TypeScript
25.3K
5分

Firecrawl MCP Server
Firecrawl MCP Server是一個集成Firecrawl網頁抓取能力的模型上下文協議服務器,提供豐富的網頁抓取、搜索和內容提取功能。
TypeScript
88.4K
5分

Sequential Thinking MCP Server
一個基於MCP協議的結構化思維服務器,通過定義思考階段幫助分解複雜問題並生成總結
Python
26.8K
4.5分

Notion Api MCP
已認證
一個基於Python的MCP服務器,通過Notion API提供高級待辦事項管理和內容組織功能,實現AI模型與Notion的無縫集成。
Python
13.4K
4.5分

Magic MCP
Magic Component Platform (MCP) 是一個AI驅動的UI組件生成工具,通過自然語言描述幫助開發者快速創建現代化UI組件,支持多種IDE集成。
JavaScript
16.4K
5分

Edgeone Pages MCP Server
EdgeOne Pages MCP是一個通過MCP協議快速部署HTML內容到EdgeOne Pages並獲取公開URL的服務
TypeScript
19.4K
4.8分

Context7
Context7 MCP是一個為AI編程助手提供即時、版本特定文檔和代碼示例的服務,通過Model Context Protocol直接集成到提示中,解決LLM使用過時信息的問題。
TypeScript
59.0K
4.7分

