用途：对运行中的网站进行视觉检查与设计质量验证，并在源码层面定位和修复问题。适用于静态站点（HTML/CSS/JS）、React/Vue/Angular/Svelte 等 SPA、Next.js/Nuxt/SvelteKit 等全栈框架、WordPress/Drupal 等 CMS 及其他 Web 应用。
主要能力：按四步流程工作——信息收集、视觉检查、问题修复、复验。检查项涵盖布局（元素溢出、重叠、对齐、间距、文本截断）、响应式（移动端适配、断点、触控目标）、无障碍（对比度、焦点状态、alt 文本）与视觉一致性（字体、颜色、间距）。在 375px、768px、1280px、1920px 视口测试。问题按 P1/P2/P3 优先级排序，修复遵循最小改动、尊重现有代码风格、避免破坏性变更等原则，并输出含摘要、问题清单、未修复项与建议的报告。
使用方式：需目标网站已运行（本地开发服务器、预发或生产环境只读审查），具备浏览器自动化（截图、导航、DOM 获取），修复时需工作区存在项目源码。推荐用 Playwright MCP 实现，配置示例：{"mcpServers":{"playwright":{"command":"npx","args":["-y","@playwright/mcp@latest","--caps=vision"]}}}。也可用 Selenium、Puppeteer、Cypress、WebDriver BiDi 等兼容工具。
限制：URL 未提供时需向用户询问；同一问题修复超过 3 次需咨询用户；样式文件定位失败、修复未生效或影响其他区域时需排查 HMR、缓存、CSS 优先级等。具体收费、平台与效果资料暂未提供。