浏览器自动化 MCP 推荐

审查与“添加资源提示（preload、prefetch、dns-prefetch）”相关的模板、渲染 HTML 或共享组件时使用。校验最终面向浏览器的标记，而不只是框架侧的源码抽象。

审查与“以可访问方式校验表单”相关的模板、渲染 HTML 或共享组件时使用。校验最终面向浏览器的标记，而不只是框架侧的源码抽象。要区分浏览器提交的表单与 React 客户端处理的表单，避免把缺少 method 或 action 误报为可访问性缺陷。

审查与“让文件上传可访问”相关的模板、渲染 HTML 或共享组件时使用。校验最终面向浏览器的标记，而不只是框架侧的源码抽象。

审查与“为所有设备实现 favicon”相关的模板、渲染 HTML 或共享组件时使用。校验最终面向浏览器的标记，而不只是框架侧的源码抽象。

审查与“对动态内容使用事件委托”相关的脚本、客户端组件、bundle 或运行时行为时使用。同时检查源码与浏览器执行路径，让修复命中真正的瓶颈或缺陷。

审查与“使用 ES 模块（import/export）”相关的脚本、客户端组件、bundle 或运行时行为时使用。同时检查源码与浏览器执行路径，让修复命中真正的瓶颈或缺陷。

审查与“实现妥善的错误处理”相关的脚本、客户端组件、bundle 或运行时行为时使用。同时检查源码与浏览器执行路径，让修复命中真正的瓶颈或缺陷。

审查与“让拖放可访问”相关的模板、渲染 HTML 或共享组件时使用。校验最终面向浏览器的标记，而不只是框架侧的源码抽象。

审查与“减少高开销的 DOM 读写”相关的脚本、客户端组件、bundle 或运行时行为时使用。同时检查源码与浏览器执行路径。在 React 中，多个已挂载组件反复用 requestAnimationFrame 驱动状态更新且源码可见时，属于合理的性能异味。

审查与“用 defer、async 或 type=module 加载脚本”相关的模板、渲染 HTML 或共享组件时使用。校验最终面向浏览器的标记，而不只是框架侧的源码抽象。

审查与“对事件处理函数做防抖和节流”相关的脚本、客户端组件、bundle 或运行时行为时使用。同时检查源码与浏览器执行路径，让修复命中真正的瓶颈或缺陷。

审查与“安全处理跨源请求”相关的脚本、客户端组件、bundle 或运行时行为时使用。同时检查源码与浏览器执行路径，让修复命中真正的瓶颈或缺陷。

审查需要跨源隔离的安全敏感 Web 应用、SharedArrayBuffer 使用、重度 worker 应用、编辑器或测量类功能时使用。同时检查响应头与真实浏览器行为。

审查与“实现内容安全策略”相关的响应头、表单、cookie 或第三方集成时使用。在接近生产的环境中校验实际的浏览器与 HTTP 行为。

审查与“优先使用 const 和 let 而非 var”相关的脚本、客户端组件、bundle 或运行时行为时使用。同时检查源码与浏览器执行路径，让修复命中真正的瓶颈或缺陷。

审查与“生产环境移除 console 语句”相关的脚本、客户端组件、bundle 或运行时行为时使用。同时检查源码与浏览器执行路径，让修复命中真正的瓶颈或缺陷。

审查与“在生产环境移除注释和调试代码”相关的模板、渲染 HTML 或共享组件时使用。校验最终面向浏览器的标记，而不只是框架侧的源码抽象。

审查与“让轮播可访问”相关的模板、渲染 HTML 或共享组件时使用。校验最终面向浏览器的标记，而不只是框架侧的源码抽象。

审查与“绝不使用 eval() 或不安全的动态代码执行”相关的脚本、客户端组件、bundle 或运行时行为时使用。同时检查源码与浏览器执行路径，让修复命中真正的瓶颈或缺陷。

审查与“让手风琴支持键盘导航”相关的模板、渲染 HTML 或共享组件时使用。校验最终面向浏览器的标记，而不只是框架侧的源码抽象。

审查与“创建可访问的工具提示”相关的模板、渲染 HTML 或共享组件时使用。校验最终面向浏览器的标记，而不只是框架侧的源码抽象。

审查与“让通知可访问”相关的模板、渲染 HTML 或共享组件时使用。校验最终面向浏览器的标记，而不只是框架侧的源码抽象。

审查与“创建自定义 404 错误页”相关的模板、渲染 HTML 或共享组件时使用。校验最终面向浏览器的标记，而不只是框架侧的源码抽象。

审查导航性能、浏览器生命周期事件或内存恢复行为时使用。检查真实的浏览器生命周期与恢复路径，而不是只看静态代码模式。

适用于所有 CSS 布局规则。检查容器上的 width、min-width、固定像素值，以及 overflow、white-space、word-break 属性。审计响应式设计或 WCAG 2.1 AA 合规时使用。在 320px 视口宽度和 400% 浏览器缩放下测试。

面向 TypeScript、JavaScript、Python、Go、Swift、Kotlin、C#、.NET、Java、C、C++、Rust、Ruby、PHP 及 Dart/Flutter 的代码审查自动化。分析 PR 的复杂度与风险，检查 SOLID 违规与代码异味等质量问题，生成审查报告。用于审阅 Pull Request、分析代码质量、识别问题、生成审查清单。

对 actualbudget/actual 仓库中的拉取请求做全面审查。依据仓库的 CODE_REVIEW_GUIDELINES.md 与 AGENTS.md 进行离线代码审查（绝不发布任何 GitHub 评论），然后用 playwright-cli 在浏览器中验证该改动。缺陷类 PR 先在 edge.actualbudget.org 复现问题，再到 Netlify 预览环境验证修复；特性与增强类 PR 则在预览环境跑一遍改动，并截取带标注的截图突出新增功能。只要用户要求审查、测试、校验、把关、 Sanity 检查、QA 或以其他方式查看 Actual Budget 仓库中的 PR 与拉取请求，就使用本技能。

用 TypeScript 构建带类型的可视化。当用户需要 TypeScript 可视化代码、类型化数据模型、浏览器可视化组件、类 UML 图模型、交互式图或架构图契约、滚动驱动场景契约、库选型指导，或一套超越 React/Next 特定问题的可维护可视化架构时使用。

需要处理部署与 CI/CD 时使用。该 skill 提供部署自动化与编排，含完整指导与自动化。触发语如 “deploy application”、“create pipeline”、“automate deployment”。

需要处理部署与 CI/CD 时使用。该 skill 提供部署自动化与编排，含完整指导与自动化。触发语如 “deploy application”、“create pipeline”、“automate deployment”。

需要处理数据库文档时使用。该 skill 提供自动化文档生成，含完整指导与自动化。触发语如 “generate docs”、“document schema”、“create database documentation”。

当用户想规划、搭建或优化短信/MMS 营销时使用，包括欢迎流程、购物车挽回、购后触达、流失挽回、促销群发或验证码类事务短信。用户提到 SMS marketing、text message campaigns、SMS sequence、SMS automation、abandoned cart text、post-purchase SMS、Klaviyo SMS、Postscript、Attentive、Twilio、A2P 10DLC、TCPA、SMS compliance、short code、toll-free SMS、MMS campaign、“要不要做短信”或“SMS vs email”等场景时也适用。邮件序列见 emails，短信文案框架见 copywriting，采集手机号的弹窗见 popups。

全面的 GitHub 项目管理：swarm 协同的 issue 跟踪、项目看板自动化与迭代规划。

使用终端自动化测试 Gemini CLI 行为与视觉输出的专业指导。

主代理：请勿直接使用此技能。若需测试 TUI，请调用 `tui_tester` 子代理。以编程方式驱动终端 UI（TUI）应用，用于测试、自动化与检查。适用场景：自动化 CLI/TUI 交互、终端应用回归测试、验证交互行为；或当用户询问「什么是 agent-tui」「agent-tui 能做什么」「演示 agent-tui」「给我看看 agent-tui」「agent-tui 如何工作」或想看实际效果时。

通过 Oracle CLI 调用第二模型做审查/调试/重构/设计：支持选定文件、token 用量 Dry-run 检查、API 或浏览器引擎。

当用户想创建或优化邮件序列、drip campaign、自动化邮件流程或生命周期邮件体系时使用。用户提到 email sequence、drip campaign、nurture sequence、onboarding emails、welcome sequence、re-engagement emails、邮件自动化、lifecycle emails、trigger-based emails、email funnel、email workflow、“该发哪些邮件”、welcome series 或 email cadence 等场景时也适用。适合任何多封邮件的自动化流程。冷邮件触达见 cold-email，应用内引导见 onboarding。

当用户需要收入运营、线索生命周期管理或市场到销售的交接流程支持时使用。用户提到 RevOps、revenue operations、线索评分、线索路由、MQL、SQL、pipeline stages、deal desk、CRM 自动化、marketing-to-sales handoff、数据清洗、线索没有流转到销售、pipeline 管理、线索资格判定，或“市场何时该交接给销售”等场景时也适用。凡涉及连接市场与收入的系统和流程均可使用。冷邮件触达见 cold-email，邮件序列营销见 emails，定价决策见 pricing。

使用 RuView 的 `wifi-densepose` CLI 二进制（含 MAT 扫描/状态/区域/幸存者/告警/导出子命令）、REST API（`wifi-densepose-api`，Axum）与浏览器/WASM 构建（`wifi-densepose-wasm`、`wifi-densepose-wasm-edge`）。在把 RuView 集成进其他程序、从 shell 脚本调用、通过 HTTP 暴露，或部署到浏览器/ESP32-WASM3 时使用。

支持 Node.js 与浏览器的 TypeScript SDK 开发。设计 SDK 架构、实现类型安全的 API 客户端、支持 ESM 与 CommonJS 模块，并为浏览器配置打包

用于从零构建新的前端应用、仪表盘、游戏、创意网站、hero 区与视觉驱动型 UI，或当用户明确要求重设计/换风格/现代化时使用。构建方式：以干净、透气、高品位、易读的图像生成概念设计为起点，配合分节参考、忠实实现与浏览器测试。

Activepieces（开源 AI 自动化平台，「Zapier 的开源替代」）的设计系统。在为 Activepieces 设计、原型或构建 UI 时使用——Web 应用（flow builder、runs、connections、dashboard）、文档或营销页面。提供品牌紫 #8142E3、以 sm（14px）为正文字号的 Inter 字阶、Tailwind 中性色、Lucide 图标、Shadcn/Radix 原语约定、标志性的点状画布 builder 背景，以及复刻的 Web UI 组件库。

面向渗透评估与漏洞赏金的 SQL 注入测试 skill。涵盖报错注入、UNION 注入、布尔/时间盲注、带外注入、二阶注入、NoSQL、GraphQL、WebSocket 与 JSON 算子 SQLi。包含 WAF 绕过技巧、各数据库的利用方式（MySQL、MSSQL、PostgreSQL、Oracle）、云原生攻击路径、ORM CVE 跟踪与 SQLmap 自动化。在做 Web 应用 SQL 注入测试、数据库枚举、借 SQLi 提权，或评估 API 与新技术栈中的注入点时使用。

构建或改造本地浏览器/CDP 测试装置，驱动并检查 Web、IDE 或 Electron UI。用于本地 UI 验证、截图、无障碍快照、性能剖析、视觉回归对比或复现 UI 缺陷。

指导用户基于 Cursor TypeScript SDK（`@cursor/sdk`）构建应用、脚本、CI 流水线或自动化。只要用户提到集成、安装或面向 Cursor SDK 编写代码；说出 `Agent.create`、`Agent.prompt`、`Agent.resume`、`agent.send`、`run.stream`、`CursorAgentError` 或 `@cursor/sdk`；询问如何以编程方式从脚本、CI/CD 流水线、GitHub Action、后端服务或任何非 Cursor IDE 本身的代码中运行 Cursor 代理；以及如何选择本地与云端运行时、为 SDK 代理配置 MCP 服务器、处理 SDK 代理的流式输出、取消或错误时，都应使用本技能。用户把 Cursor 接入自动化、编写运行 Cursor 的机器人、或将 REST `/v1/agents` 调用迁移到 SDK 时也要触发，即使未明确提及包名。应主动触发而非凭记忆作答；SDK 接口持续演进，本技能及其参考文档是其权威来源。

使用 GSAP、CSS 变换、Remotion 帧控制以及兼容 HyperFrames 的浏览器预览来驱动 SVG 角色骨架动画。

当用户希望本地运行 vscode.dev 服务器，并在内置浏览器中针对本地 microsoft/vscode 源码操作 VS Code 工作台或 Agents 窗口时使用。涵盖启动开发服务器、vscode-quality=dev 的 URL、浏览器驱动的交互模式，以及可选地为 Agents 窗口接入本地模拟 agent host。

inference.sh 的 Python SDK——运行 AI 应用、构建 Agent、接入 150+ 模型。包名：inferencesh（pip install inferencesh）。支持同步/异步、流式输出、文件上传。可用模板或即席模式构建 Agent，配合 tool builder API、技能与人工审批。适用：Python 集成、AI 应用、Agent 开发、RAG 流水线、自动化。触发词：python sdk、inferencesh、pip install、python api、python client、async inference、python agent、tool builder python、programmatic ai、python integration、sdk python