U
UI Analyzer
Analyzes website UI using Playwright browser automation to detect layout issues, identify broken elements, and generate precise CSS/HTML fixes with framework-sp
Share:
About
Analyzes website UI using Playwright browser automation to detect layout issues, identify broken elements, and generate precise CSS/HTML fixes with framework-specific solutions for React, Vue, Angular, and popular UI libraries.
Example tools
Illustrative tool names — the actual tool set is defined by the server at runtime.
web_search
Search the web and return top results
fetch_url
Fetch and return the contents of a URL
Screenshots
No screenshots yet.
Install UI Analyzer
Claude Desktop
Add this to claude_desktop_config.json.
{
"mcpServers": {
"ui-analyzer": {
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-ui-analyzer"
]
}
}
}Cursor
Add this to ~/.cursor/mcp.json.
{
"mcpServers": {
"ui-analyzer": {
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-ui-analyzer"
]
}
}
}VS Code
Add this to your workspace settings.json.
{
"mcp.servers": {
"ui-analyzer": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-ui-analyzer"
]
}
}
}Reviews
Sign in to leave a review.
No reviews yet. Be the first!
Discussion(0)
No comments yet.