MCP Server

@lism-css/mcp は、Lism CSS のドキュメント・API情報をAIコーディングツールに提供する MCP (Model Context Protocol) サーバーです。

できること

• コンポーネント情報の参照 — 各コンポーネントのProps・使用例・サブコンポーネント構成
• Props ↔ CSS マッピング — p → padding、fz → font-size など、省略記法の逆引き
• デザイントークンの参照 — 色、余白、フォントサイズなどのトークン値
• ドキュメント検索 — キーワードによる全文検索
• CSS → Lism 変換 — 既存CSSコードからLism CSSのprops・コンポーネント提案

セットアップ

claude mcp add lism-css -- npx -y @lism-css/mcp

// .cursor/mcp.json
{
  "mcpServers": {
    "lism-css": {
      "command": "npx",
      "args": ["-y", "@lism-css/mcp"]
    }
  }
}

// .vscode/mcp.json
{
  "servers": {
    "lism-css": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@lism-css/mcp"]
    }
  }
}

詳細は GitHub - @lism-css/mcp をご覧ください。