The AI Vision Debug MCP Server enables autonomous debugging and testing of web interfaces using AI models, powered by Playwright.
Visual Analysis: Comprehensive analysis of web pages with interactive element mapping, performance metrics, and screenshots.
UI Issue Detection: Identifies and debugs UI issues through inspection of visual elements.
User Workflow Testing: Automates and validates complex user workflows without manual test script creation.
API Endpoint Validation: Tests API endpoints to verify backend functionality.
Visual Change Tracking: Compares UI states between versions to detect visual regressions.
Console Monitoring: Captures console logs for error detection and debugging.
Performance Optimization: Analyzes metrics to identify bottlenecks.
Browser Automation: Executes low-level actions like navigation, clicks, form filling, and JavaScript.
Report Generation: Produces detailed reports with actionable recommendations.
Integration: Works with AI models (including non-vision models), Smithery, GLAMA, and CI/CD pipelines.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@AI Vision Debug MCP Servertake a screenshot of https://example.com/dashboard and analyze it for UI issues"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.