用途：对运行中的网站做视觉检查与验证，识别布局、响应式、可访问性与视觉一致性等问题，并在源码层面修复。
主要能力：按“信息收集→视觉检查→修复→复验”四步流程工作，必要时循环迭代。检查项含元素溢出与重叠、对齐与间距不一致、文本裁切、移动端适配、断点切换、触控目标、对比度不足、缺少焦点态与 alt 文本、字体/颜色/间距不统一等，并按 P1/P2/P3 排优先级。响应式测试视口为 375px、768px、1280px、1920px。
使用方式：目标网站需处于运行状态（本地开发服务器、预发或生产只读审查）；需具备浏览器自动化能力（截图、页面导航、DOM 获取）与访问项目源码的能力。若未提供 URL 需向用户索取，并可自动探测包配置（package.json、tsconfig.json、tailwind.config、next.config、vite.config、nuxt.config 及 src/ 或 app/）。修复遵循最小改动、尊重现有代码风格、避免破坏性变更并适当加注释。参考实现为 Playwright MCP，配置示例：{"mcpServers":{"playwright":{"command":"npx","args":["-y","@playwright/mcp@latest","--caps=vision"]}}}，也可用 Selenium、Puppeteer、Cypress、WebDriver BiDi 等。
限制：单一问题修复尝试超过 3 次需咨询用户；修复类操作需要源码读写与代码搜索能力；大规模重构、忽略设计系统或性能的改动不推荐。其他收费、平台与效果信息暂未提供。