web-design-guidelines

Q: How to install web-design-guidelines?

Open your MCP config: ~/.claude.json. Then add the config to "mcpServers": { "web-design-guidelines": { "command": "...", "args": [] } }. Finally, /mcp in Claude Code.

Q: What is web-design-guidelines best for?

web-design-guidelines is categorized under General. It covers: code-review, design.

New

19.6kSmitheryGeneralby vercel-labs

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

First seen 5/22/2026

Install & Usage

Open your MCP config

~/.claude.json

Add the server config

Add the configuration to "mcpServers": { "web-design-guidelines": { "command": "...", "args": [] } }

Restart Claude Code

/mcp

View source on GitHub

code-reviewdesign

Security Audits

LicenseUnknownSourceWarnRepositoryPass

Frequently Asked Questions

What is web-design-guidelines?

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

How to install web-design-guidelines?

To install web-design-guidelines: open your mcp config (~/.claude.json), then add the config to "mcpServers": { "web-design-guidelines": { "command": "...", "args": [] } }. Finally, /mcp in Claude Code.

What is web-design-guidelines best for?

web-design-guidelines is a mcp categorized under General. It is designed for: code-review, design. Created by vercel-labs.