Skip to main content
Glama
shanthropic

material-web-mcp

by shanthropic
README.md
# Material Web MCP Server

[![npm version](https://img.shields.io/npm/v/material-web-mcp.svg)](https://www.npmjs.com/package/material-web-mcp)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![Node.js Version](https://img.shields.io/badge/Node.js-%3E%3D18.17-brightgreen.svg)](https://nodejs.org/)
[![CI Status](https://img.shields.io/github/actions/workflow/status/shantoislamdev/material-web-mcp/ci.yml?branch=main&label=CI)](https://github.com/shantoislamdev/material-web-mcp/actions/workflows/ci.yml)
[![codecov](https://codecov.io/gh/shantoislamdev/material-web-mcp/graph/badge.svg?token=G2ZUHV6R4C)](https://codecov.io/gh/shantoislamdev/material-web-mcp)
[![GitHub issues](https://img.shields.io/github/issues/shantoislamdev/material-web-mcp)](https://github.com/shantoislamdev/material-web-mcp/issues)

An MCP server providing programmatic access to Material Web documentation for AI agents (Claude, Cursor, Cline, Copilot, etc.).

**Requirements:** Node.js >= 18.17

## Quick Start

Connect to AI agents using npx (no installation required):

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

## Tools Overview

- **list_components**: Returns JSON array of available Material Web components.
- **search_docs**: Searches documentation for keywords (input: keyword string), returns matching paths with excerpts.
- **health_check**: Verifies server uptime and documentation accessibility.
- **get_component_doc**: Fetches full documentation for a specific component (input: component name).
- **get_theming_docs**: Returns theming documentation for Material Web.
- **get_installation_docs**: Returns installation and quick-start documentation.
- **generate_template**: Generates basic HTML templates with Material Web components based on prompts (input: prompt string).
- **validate_website**: Validates HTML code for correct Material Web component usage (input: HTML string).

## Links

- [ Contributing Guide](CONTRIBUTING.md) - How to contribute
- [ Changelog](CHANGELOG.md) - Version history

## Development

### Quick Setup

```bash
git clone https://github.com/shantoislamdev/material-web-mcp.git
cd material-web-mcp
npm install
npm test
npm start
```

[MIT License](LICENSE)

TDQS

A4/5.0

Scored across 7 tools

Disambiguation5/5

Each tool targets a distinct purpose: documentation retrieval for theming, installation, components, plus listing, searching, health checking, and validation. There is no overlap between tool responsibilities.

Naming Consistency4/5

Most tools follow a clear verb_noun pattern (get_*, list_*, search_*, validate_*), but health_check is a noun phrase rather than check_health. This minor inconsistency is the only deviation from an otherwise uniform convention.

Tool Count5/5

Seven tools provide a focused and well-scoped set for a documentation and validation server. Each tool earns its place, and the count is neither too sparse nor overwhelming.

Completeness5/5

The domain—Material Web documentation and HTML validation—is fully covered: installation and theming docs, component listing and retrieval, documentation search, and validation. No obvious gaps exist for the intended read-only and analysis purposes.

Maintenance

ActivityInactive
ResponsivenessNo issues