{"id":"samihalawa-visual-ui-debug-agent-mcp","name":"visual-ui-debug-agent-mcp","description":"VUDA - Visual UI Debug Agent\n\nAutonomous MCP Server for AI-Powered Visual UI Testing & Debugging\n\nVUDA (Visual UI Debug Agent) is an MCP (Model Context Protocol) server that empowers AI models to visually analyze, test, and debug web interfaces using Playwright. Any AI model, even without native vision, can inspect web pages, detect UI bugs, validate workflows, and measure performance automatically.\n\n---\n\nKey Features\n\nVisual Analysis: Capture screenshots, map interactive elements, analyze page structure.\nWorkflow Testing: Validate user journeys with step-by-step screenshots.\nPerformance Monitoring: Measure load times, Core Web Vitals, and identify bottlenecks.\nAPI Testing: Validate backend endpoints and responses.\nVisual Comparison: Highlight UI changes between versions.\nConsole Monitoring: Capture and log errors, warnings, and console output in real-time.\n\n---\n\nQuick Start\n\nInstall globally via npm:\nnpm install -g visual-ui-debug-agent-mcp\nOr run directly:\nnpx visual-ui-debug-agent-mcp\n\nConfigure for Claude Desktop:\n{\n  \"mcpServers\": {\n    \"vuda\": {\n      \"command\": \"npx\",\n      \"args\": [\"-y\", \"visual-ui-debug-agent-mcp\"]\n    }\n  }\n}\n\nSupported Environments\nNode.js 18+\nmacOS, Linux, Windows\n\n---\n\nCore Tools (Selection)\n\nCategory\nExamples\nVisual Analysis\nenhanced_page_analyzer, screenshot_url, visual_comparison\nWorkflow & Testing\nui_workflow_validator, navigation_flow_validator, api_endpoint_tester\nPerformance & Monitoring\nperformance_analysis, console_monitor, sitemap_crawler\nPlaywright Controls\nplaywright_click, playwright_fill, playwright_screenshot\nUtility\ntunnel_helper, debug_memory\n\n---\n\nExample Commands\n\nScreenshot: \"Take a screenshot of https://example.com\"\nAnalyze Page: \"Analyze the UI of https://myapp.com/dashboard\"\nTest Login Flow: Navigate, fill credentials, submit, verify, and capture.\nCompare Versions: Highlight visual differences between two page states.\nMonitor Performance: Measure load times and identify bottlenecks.\n\n---\n\nWhy VUDA?\n\nFeature\nVUDA Advantage\nMCP Native\nBuilt for AI integration\nComprehensive Toolset\n30 specialized tools\nWorks Without Vision\nEnables AI without native vision\nAutonomous Testing\nAI-driven, self-contained workflows\nCross-Browser Support\nPlaywright-powered\nZero Config\nWorks out of the box\n\n---\n\nContributing\n\nFork the repo & create a branch.\nCommit and push your feature.\nOpen a Pull Request.\n\nLicensed under ISC.\n\nBuilt with Playwright + Model Context Protocol by @samihalawa.\n","tags":["mcp"],"category":"coding","updated_at":"2026-04-11T00:00:00.000Z","quality":{"quality_tier":"medium","has_skill_md":false,"freshness_days":9},"safety":{"safety_tier":"community","safety_label":"community"},"_hint":"Get your free API key at https://findskills.org/developers for full details (url, author, stars)."}