浏览器自动化 MCP 推荐

在非交互 headless 环境中运行、配置与排查 OpenAI Codex CLI。适用于 Bash 或 PowerShell、原生 Windows 或 WSL2、shell 脚本、CI/CD、Docker、Kubernetes、远程服务器、agent harness 或批处理任务中的 Codex 自动化；用于构造 `codex exec` 命令、选择 sandbox 与审批模式、消费 JSONL 事件或结构化输出、恢复会话、经 stdin 传递提示，以及处理因缺少交互输入导致的失败（如 `request_user_input`）。

应用从仓库 GitHub Security Advisories 中提炼出的 RustFS 安全经验。在提交或评审 RustFS 代码改动、做安全检查、处理认证/授权、IAM、存储、RPC、日志、CORS、控制台/浏览器、加密、策略或接口相关改动时使用，也用于判断需要补充哪些安全回归测试。

当用户想设置周期性、自动运行的营销工作流——由 AI 代理按固定节奏（每周、每天或按触发器）重复执行的循环，而不是一次性任务——时使用。用户提到 marketing loop、recurring marketing workflow、automate my marketing、marketing on autopilot、weekly marketing review、ad fatigue check、content refresh loop、churn watch、ranking drop alert、always-on marketing、marketing automation workflow 或“每周都跑一次这个”等场景时也适用。用于选择、适配并排期一个持续运行的营销循环，由它编排其他营销技能。一次性营销点子见 marketing-ideas，实验循环见 ab-testing。

指导通过 Computer Use 浏览器工具完成 n8n 凭据配置。当用户需要从外部服务的控制台获取 OAuth 应用、API key、client ID、client secret 或其他凭据值时使用。

前端设计的机械化实现不变量：令牌架构、排版层级、加载顺序、FOUT 预防、界面稳定性、动效时长、色彩语义。构建组件、页面或设计系统时与 design 配合使用。（美学方向见……）

审查 GitHub PR 中的 UI/UX 改动：启动 MLflow Web 应用，通过无头 agent-browser 操作改动涉及的界面，并为工作流写出一份 Markdown 格式的 UI 审查评论内容（结论与截图）。

HyperFrames CLI 开发循环。运行 npx hyperframes 的 init、add、catalog、capture、lint、validate、inspect、layout、snapshot、preview、play、render、publish、lambda、doctor、browser、info、upgrade、skills、compositions、docs、benchmark、telemetry、transcribe、tts 或 remove-background 命令时使用,或排查 HyperFrames 构建/渲染环境时。也是 AWS Lambda 云渲染(hyperframes lambda deploy / render / progress / destroy / policies)的入口。

在 orchestration cluster webapp（webapp/client/apps/orchestration-cluster-webapp/src/）中编写、修改或调试单元测试（*.test.tsx）时使用。涵盖 Vitest 浏览器模式、MSW mock 与 vitest-browser-react 渲染。

在把 operate/client/ 或 tasklist/client/ 的前端代码迁移、移植或重写到 orchestration cluster webapp 时使用。触发场景：迁移旧页面/组件、把 React Router 转成 TanStack Router、用 TanStack Query 替换 MobX、把 styled-components 改写为 SCSS、把旧测试转成 Vitest 浏览器模式，或询问旧模式如何映射到新应用。

把 Novu 的应用内通知收件箱集成进 Web 应用。支持 React、Next.js 与原生 JavaScript。包括 Inbox 组件（铃铛图标+通知流）、可组合组件（Bell、Notifications、InboxContent、Preferences）、headless hooks、品牌主题、自定义 render props、基于 context 的多租户、标签页、本地化与 HMAC 安全。当需要添加应用内通知中心、铃铛图标、通知流、实时通知更新，或构建个性化且带品牌的通知体验时使用。

为学生或初级工程师从 GitHub 上寻找合适的传统软件后端或业务级 AI 智能体项目，评估简历价值并生成 Markdown 简历撰写包。当用户请求选择后端项目、Java/Spring 项目、分布式系统项目、完整 AI 智能体业务项目、多智能体系统、LLM 应用、用于简历的 GitHub 项目，或想把所选项目转化为简历要点/面试谈资时使用。支持模式：仅 agent、仅后端、混合、稳妥模式、挑战模式；未指定模式时先询问用户再搜索或推荐。后端推荐默认排除 IoT、嵌入式、硬件集成、设备管理与工控平台，除非用户点名。同时避免简单浏览器扩展、薄封装 LLM 套壳、浅层 AI 插件与浏览器自动化库，除非用户点名。

MultiTable 的 Cursor provider 权威开发参考，其核心是以无头 `--print --output-format stream-json` 模式驱动的 Cursor CLI（`cursor-agent`）。当用户提到 Cursor、cursor-agent、Cursor 适配器、CursorAdapter、stream-json / NDJSON 事件、`--resume` / `--continue`、`--mode plan|ask`、`--force` / `--yolo`、`--sandbox`、composer-2.5、`cursor-agent models`、`~/.cursor`、agent-transcripts、用量限额/速率限制（以及为何对 Cursor 不适用；cursor.com 计费走带外通道），或改动 `packages/daemon/src/agent/providers/cursor.ts`、`packages/daemon/src/agent/providers/cursor-cli/`、`packages/daemon/src/transcripts/cursorParser.ts` 时触发。

资深数据库管理员，精通现代云数据库、自动化与可靠性工程。掌握 AWS/Azure/GCP 数据库服务、基础设施即代码、高可用、容灾恢复、性能优化与合规。处理多云策略、容器化数据库和成本优化。在数据库架构、运维或可靠性工程方面主动使用。

在 Trilium monorepo 中测试 CKEditor 5 插件。适用于为 packages/ckeditor5-* 包添加或评审单元测试、调试失败的测试，或为包搭建测试运行器。涵盖 Trilium 使用的两种 Vitest 环境（happy-dom 与 WebdriverIO 浏览器模式）、各包的 vitest.config.ts、基于真实 ClassicEditor 的测试、从 'ckeditor5' 导入的 model/view 辅助函数（_setModelData/_getModelData/_getViewData 及 {}/[] 选区语法）、vi spy/mock、schema/转换/命令/UI 测试的惯用写法、pnpm --filter 运行方式，以及 Trilium 特有的约定与坑。与 ckeditor5-plugin-development 和 writing-unit-tests 互补。

当用户想要一个免手动的工作回路：用 React Grab 在浏览器中抓取 UI 元素并自动将任务喂给代理，无需复制粘贴或手动交接时使用。触发语：“watch react grab”“monitor my grabs”“auto-process react grab”“watch my clipboard for grabs”。不适用于一次性粘贴单个抓取结果；这是持续开启的回路。

当用户在 Laravel 中处理认证时激活。包括登录、注册、密码重置、邮箱验证、双因素认证(2FA/TOTP/二维码/恢复码)、passkey、个人资料更新、密码确认,以及认证路由与控制器。用户提到 Fortify、auth、authentication、login、register、signup、forgot password、2FA、passkeys、WebAuthn,或引用 app/Actions/Fortify/、CreateNewUser、UpdateUserProfileInformation、FortifyServiceProvider、config/fortify.php、auth 守卫时激活。Fortify 是 Laravel 前端无关的认证后端,注册全部认证路由和控制器。构建 SPA 或无头认证、自定义登录跳转、覆盖 LoginResponse 等响应契约或配置登录限流时也激活。不适用于 Laravel Passport(OAuth2 API token)、Socialite(社交登录)或非认证 Laravel 功能。

将 nao 项目的上下文目录连接（接线）到远程 nao 实例（云端或自托管），使每次推送到 `main` 分支都通过 GitHub Actions 自动执行 `nao deploy`。当用户已有本地版本化（Git 管理）的 nao 项目、并希望团队部署的实例始终反映最新提交的上下文时使用。涵盖 `nao deploy` 用法、GitHub Actions 工作流、组织 API 密钥、GitHub Secrets、`.naoignore`、`nao_config.yaml` 中的环境变量引用，以及新建与更新的行为差异。不适用于首次项目搭建（请用 `setup-context`），也不用于把仓库元数据回写提交的 `nao sync` 自动化（见文档 synchronization 页面）。

为 Claude Code、Codex、Gemini CLI、Cursor、OpenClaw 提供 37 个高级工程 agent 技能的索引。用于浏览或选择 POWERFUL 层级的工程技能：agent 设计、RAG、MCP 服务器、CI/CD、数据库设计、可观测性、安全审计、changelog/release 自动化、可靠性（SLO/chaos/flags/operators）、平台运维。

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

专业移动持续集成与交付，涵盖 Fastlane 自动化、代码签名管理、TestFlight 与 Google Play 发布流水线、App Center 分发、CI 中的自动化测试、构建版本策略、环境配置，以及 iOS 与 Android 应用的发布管理。当用户询问 mobile cicd、mobile cicd 最佳实践，或需要 mobile cicd 实施指导时使用。当用户需要其他专项技能或涉及无关技术领域时请勿使用。

移动隐私专长，涵盖应用权限管理、iOS 与 Android 的跟踪防护、加密通讯应用选型、设备加密、注重隐私的浏览器与 DNS 配置、位置跟踪最小化、应用审计方法论，并在不牺牲可用性的前提下构建注重隐私的移动环境。当用户询问 mobile privacy guide、相关技术、最佳实践，或需要该领域指导时使用。当请求超出 mobile privacy guide 范围或需要其他专项技能时请勿使用。

指导实现专家级的 Docker Compose 模式：云与自动化决策框架、生产可用的模式以及 docker compose 模式工作流的具体模板。当用户询问 docker compose 模式、docker compose patterns 配置，或 Docker 项目的 DevOps 最佳实践时使用。当用户需要其他 devops cloud 能力时请勿使用——可查看 devops cloud 子类目下的同级技能。

指导实现专家级的数据库迁移模式：数据库与自动化决策框架、生产可用的模式以及数据库迁移模式工作流的具体模板。当用户询问数据库迁移模式、database migration patterns 配置，或数据库项目的数据库最佳实践时使用。当用户需要其他后端基础设施能力时请勿使用——可查看 backend infrastructure 子类目下的同级技能。

只要在编写、评审或重构任何 CSS 就应使用本技能，无论是纯 .css 文件、styled-components、CSS Modules、Tailwind 任意值、React/Vue/Svelte 中的内联样式或其他任何前端场景。它确保在浏览器支持范围内尽量使用现代 CSS 特性 —— 例如 clamp()、:has()、容器查询、OKLCH 颜色、滚动驱动动画、锚点定位、@starting-style、light-dark()、text-wrap: balance 等。任何触及 CSS 的场合（哪怕是间接场景，例如需要自适应尺寸、主题系统、动画或布局）都应触发。当项目浏览器目标已支持原生现代 CSS 特性时，不要退回 px 媒体查询、JS 驱动动画或 CSS-in-JS 变通方案等旧模式。

SQL 注入——对未消毒 SQL 查询的自动化与手工利用。涵盖 Union 型、报错型、盲注（布尔/时间型）与堆叠查询。包含 sqlmap 自动化及 WAF 绕过 tamper 脚本。

设计、调试并加固 GitHub Actions CI/CD 工作流，涵盖可复用工作流、矩阵构建、自托管运行器、OIDC 认证、缓存、环境、密钥与发布自动化。

诊断并修复浏览器、预览或 Electron 的导出/下载失败，尤其涉及 Save As、Blob/Data URL、File System Access API、createWritable 失败与 0 KB 文件的图像导出问题。

审查与“为 RTL 语言设置文本方向”相关的模板、渲染 HTML 或共享组件时使用。校验最终面向浏览器的标记，而不只是框架侧的源码抽象。

审查与“声明 UTF-8 字符编码”相关的模板、渲染 HTML 或共享组件时使用。校验最终面向浏览器的标记，而不只是框架侧的源码抽象。

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

审查与“避免隐式类型转换”相关的脚本、客户端组件、bundle 或运行时行为时使用。同时检查源码与浏览器执行路径，让修复命中真正的瓶颈或缺陷。

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

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

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

审查与“保护密码输入框”相关的响应头、表单、cookie 或第三方集成时使用。在接近生产的环境中校验实际的浏览器与 HTTP 行为。

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

审查与“提供 noscript 降级内容”相关的模板、渲染 HTML 或共享组件时使用。校验最终面向浏览器的标记，而不只是框架侧的源码抽象。

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

审查与“使用现代数组与对象方法”相关的脚本、客户端组件、bundle 或运行时行为时使用。同时检查源码与浏览器执行路径，让修复命中真正的瓶颈或缺陷。

审查与“防范常见内存泄漏模式”相关的脚本、客户端组件、bundle 或运行时行为时使用。同时检查源码与浏览器执行路径，让修复命中真正的瓶颈或缺陷。

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

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

审查与“压缩所有 JavaScript 文件”相关的脚本、客户端组件、bundle 或运行时行为时使用。同时检查源码与浏览器执行路径，让修复命中真正的瓶颈或缺陷。

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

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

审查与“使用语义化的 input type 属性”相关的模板、渲染 HTML 或共享组件时使用。校验最终面向浏览器的标记，而不只是框架侧的源码抽象。

审查与“优先采用不可变数据模式”相关的脚本、客户端组件、bundle 或运行时行为时使用。同时检查源码与浏览器执行路径，让修复命中真正的瓶颈或缺陷。

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