C

Css MCP Server

該項目是一個基於Node.js和TypeScript構建的CSS教學MCP服務器,提供個性化CSS特性更新服務,包含資源管理、工具調用和提示引導功能。
2.5分
14

什麼是CSS Tutor MCP Server?

這是一個智能助手服務器,專門用於幫助用戶學習和跟蹤最新的CSS技術發展。它會根據用戶已有的知識水平,智能推薦需要學習的新CSS特性。

如何使用CSS Tutor?

通過兼容的AI客戶端(如Claude或Cursor編輯器)連接服務器,服務器會自動分析您的CSS知識水平並推薦學習內容。

適用場景

適合前端開發者、設計師和任何希望系統學習CSS最新特性的人群,特別是需要定期更新CSS知識的技術人員。

主要功能

個性化學習推薦根據用戶已有的CSS知識水平,智能推薦最適合學習的新特性
即時CSS更新通過OpenRouter API獲取最新的CSS技術新聞和文章
知識追蹤記錄用戶已經掌握的CSS概念,建立個性化學習檔案

優勢與侷限性

優勢
個性化學習路徑,避免重複學習已知內容
自動追蹤最新CSS技術發展
輕量級服務器,易於部署和使用
侷限性
需要OpenRouter API密鑰才能獲取最新更新
目前僅支持CSS相關內容
知識庫需要用戶手動確認更新

如何使用

克隆倉庫
將服務器代碼克隆到本地
安裝依賴
安裝項目所需的所有依賴包
獲取API密鑰
從OpenRouter網站獲取API密鑰
配置客戶端
在AI客戶端中配置服務器啟動命令和API密鑰
啟動服務器
通過客戶端連接並啟動服務器

使用案例

學習新CSS特性系統檢測到用戶不瞭解CSS嵌套規則,提供詳細解釋和學習資源
知識更新確認用戶確認已掌握某個CSS特性後,系統更新知識檔案

常見問題

需要什麼樣的客戶端才能使用這個服務器?
OpenRouter API密鑰是必須的嗎?
如何重置我的學習進度?
服務器支持哪些CSS版本?

相關資源

OpenRouter官網
獲取API密鑰的網站
MCP協議文檔
Model Context Protocol官方文檔
CSS最新規範
W3C官方CSS規範
GitHub倉庫
項目源代碼
安裝
複製以下命令到你的Client進行配置
{
      "mcpServers": {
        "css-tutor": {
          "command": "node",
          "args": [
            "/full/path/to/your/css-mcp-server/build/index.js"
          ],
          "env": {
            "OPENROUTER_API_KEY": "sk-or-xxxxxxxxxxxxxxxxxxxxxxxxxx"
          }
        }
      }
    }
注意:您的密鑰屬於敏感信息,請勿與任何人分享。
精選MCP服務推薦
M
Markdownify MCP
Markdownify是一個多功能文件轉換服務,支持將PDF、圖片、音頻等多種格式及網頁內容轉換為Markdown格式。
TypeScript
1.7K
5分
B
Baidu Map
已認證
百度地圖MCP Server是國內首個兼容MCP協議的地圖服務,提供地理編碼、路線規劃等10個標準化API接口,支持Python和Typescript快速接入,賦能智能體實現地圖相關功能。
Python
701
4.5分
F
Firecrawl MCP Server
Firecrawl MCP Server是一個集成Firecrawl網頁抓取能力的模型上下文協議服務器,提供豐富的網頁抓取、搜索和內容提取功能。
TypeScript
3.8K
5分
S
Sequential Thinking MCP Server
一個基於MCP協議的結構化思維服務器,通過定義思考階段幫助分解複雜問題並生成總結
Python
257
4.5分
C
Context7
Context7 MCP是一個為AI編程助手提供即時、版本特定文檔和代碼示例的服務,通過Model Context Protocol直接集成到提示中,解決LLM使用過時信息的問題。
TypeScript
5.2K
4.7分
M
Magic MCP
Magic Component Platform (MCP) 是一個AI驅動的UI組件生成工具,通過自然語言描述幫助開發者快速創建現代化UI組件,支持多種IDE集成。
JavaScript
1.7K
5分
N
Notion Api MCP
已認證
一個基於Python的MCP服務器,通過Notion API提供高級待辦事項管理和內容組織功能,實現AI模型與Notion的無縫集成。
Python
119
4.5分
E
Edgeone Pages MCP Server
EdgeOne Pages MCP是一個通過MCP協議快速部署HTML內容到EdgeOne Pages並獲取公開URL的服務
TypeScript
249
4.8分
AIbase
智啟未來,您的人工智慧解決方案智庫
© 2025AIbase