# web-stylebook-mcp

Source: https://glimind.com/server/npm%2Fweb-stylebook-mcp
Registry id: `npm/web-stylebook-mcp`
Status: unknown

## Install

```json
{
  "mcpServers": {
    "web-stylebook-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "web-stylebook-mcp"
      ]
    }
  }
}
```

Claude Code:

```sh
claude mcp add web-stylebook-mcp -- npx -y web-stylebook-mcp
```

## Tools (11)

- `audit_page_structure`: Finds banned generic and style-specific patterns in HTML and CSS
- `compare_design_directions`: Compares 2-4 directions across product-fit, trust, accessibility, and more
- `compose_design_tokens`: Role-based tokens as JSON, CSS variables, Tailwind, or TypeScript
- `get_design_audit_plan`: Localized, surface-aware audit checks with severity and evidence
- `get_design_principle_plan`: Placement, application, and verification plan for design principles
- `get_design_reference`: One complete localized reference with palette, layout, and attribution
- `get_ui_state_plan`: Required, recommended, and domain UI states for a surface
- `get_ux_principle_plan`: Apply-and-verify plan for UX principles with questions and cautions
- `recommend_design_direction`: Scored style candidates with reason codes, rejected styles, and page structure
- `search_design_references`: Bounded search across real-world references by text, category, and tags
- `validate_design_audit_result`: Contract validation for audit plan queries and evidence consistency

Measured by Glimind (https://glimind.com): MCP handshake + tool list only, no tool is ever called. CC BY 4.0.