MCP Server

@lism-css/mcp is an MCP (Model Context Protocol) server that provides Lism CSS documentation and API information to AI coding tools.

What it can do

• Component reference — Props, usage examples, and sub-component structure for each component
• Props to CSS mapping — Reverse lookup of abbreviations like p → padding, fz → font-size
• Design token reference — Token values for colors, spacing, font sizes, and more
• Documentation search — Full-text search by keywords
• CSS to Lism conversion — Suggests Lism CSS props and components from existing CSS code

Setup

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"]
    }
  }
}

For details, see GitHub - @lism-css/mcp.