用途：依据 Web Interface Guidelines 对网页 UI 做合规审查与修复，支持静态代码分析和浏览器可视化检查，覆盖静态站点（HTML/CSS/JS）、SPA 框架（React/Vue/Angular/Svelte）与全栈框架（Next.js/Nuxt/SvelteKit）等可访问源码的 Web 应用。
主要能力：工作流包括信息收集、获取指南与静态分析、可视化检查（需提供 URL）、问题修复、复验并循环。静态分析通过获取 https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md 的最新规则，逐条比对文件并输出 file:line 结果。可视化检查依赖目标站点运行与浏览器自动化（Playwright MCP 或 cursor-browser-extension），在 375px、768px、1280px、1920px 视口截图并检查布局溢出、重叠、间距、响应式、对比度、焦点态、替代文本、字体与颜色一致性等，按 P1/P2/P3 优先级修复。
使用方式：可仅静态分析（如“Review my UI in src/components/”）、仅可视化（提供 URL）或全量审查（URL 加源码）。若要求可视化但未给 URL，会提示提供地址。修复原则是最小改动、遵循现有代码风格、避免破坏性变更，并在修改前后截图对比、做回归测试；每个问题最多尝试修复 3 次后咨询用户。输出为审查结果报告，包含摘要表、静态与可视化发现、未修复问题及建议。
限制：需要可访问源码；可视化模式需站点已运行且具备浏览器自动化工具；涉及框架、样式方法需从项目文件检测，资料未提供其他收费、价格或平台信息。