Back to Apps
Material 3 Design Agent
Supports UIby Abdoocoder
Interactive UI review tool for Material 3 compliance, accessibility, and design consistency.
0 stars
0 views
Works in:claude
Exposes:ToolsResources
What it does
This MCP App provides an interactive visual interface to review UI components against the Material 3 design system. It analyzes design descriptions and parameters to provide visual scoring and detailed compliance audits.
Key features
- M3 Compliance Audit: Checks components for strict adherence to Material 3 specifications.
- Accessibility Scoring: Evaluates WCAG compliance and provides accessibility recommendations.
- Visual Design Scoring: Provides a gauge-based composite score (0-100) for design quality.
- Actionable Feedback: Detailed findings with severity levels (error, warning, info) for rapid iteration.
Installation
- Claude Desktop: Add to
claude_desktop_config.json:
{
"mcpServers": {
"material3-design-agent": {
"command": "node",
"args": ["/path/to/material3-design-agent-server/dist/main.js"]
}
}
}
- HTTP Host: Connect via
http://localhost:3001/mcp
Supported hosts
- Claude
Quick install
npm install material3-design-agent-serverInformation
- Pricing
- free
- Published
- 4/22/2026
- stars
