用途：对运行中的网站进行视觉检查与设计质量验证，发现问题并在源码层面修复。适用于静态站点（HTML/CSS/JS）、React/Vue/Angular/Svelte 等 SPA、Next.js/Nuxt/SvelteKit 等全栈框架、WordPress/Drupal 等 CMS 及其他 Web 应用。
前提：目标网站须处于运行状态（本地开发服务器、预发或生产环境只读审查）；需具备浏览器自动化能力（截图、页面导航、DOM 获取）；修复时需能访问工作区中的源码。
流程：1）信息收集：确认 URL，了解框架、样式方案、源码位置与审查范围，并尝试从 package.json、tsconfig.json、tailwind.config、next.config、vite.config、nuxt.config 及 src/、app/ 自动检测项目结构。2）视觉检查：遍历页面、截图、获取 DOM，检查布局（溢出、重叠、对齐、间距、文本截断）、响应式（移动端适配、断点、触控目标）、无障碍（对比度、焦点状态、alt 文本）与视觉一致性（字体、颜色、间距），并在 375px、768px、1280px、1920px 视口测试。3）修复：按 P1/P2/P3 优先级，通过选择器或组件搜索定位源文件，遵循最小改动、尊重现有模式、避免破坏性变更、适当加注释。4）复验：重载页面、截图对比、回归测试，问题未解决则回到第 2 步；同一问题超过 3 次修复尝试需咨询用户。
输出为审查报告，含摘要、按优先级列出的问题（页面、元素、描述、修复文件、修复详情、前后截图）、未修复问题及建议。
参考实现为 Playwright MCP，配置示例：{"mcpServers":{"playwright":{"command":"npx","args":["-y","@playwright/mcp@latest","--caps=vision"]}}}；也可用 Selenium、Puppeteer、Cypress、WebDriver BiDi 等具备导航、截图、DOM 获取能力的工具。
限制：需目标站点可访问且具备浏览器自动化与源码访问；生产环境仅做只读审查；不进行未经确认的大规模重构；具体收费、价格与效果资料暂未提供。