浏览器自动化 MCP 推荐

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n，以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代，或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n，以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代，或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n，以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代，或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n，以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代，或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n，以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代，或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n，以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代，或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n，以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代，或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n，以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代，或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n，以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代，或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

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

当用户想创建或优化邮件序列、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。

在无界面的远程网关上为远程 MCP 服务器手动完成 OAuth 授权。

Read Reddit: subreddits, search, threads, users. No browser.

当用户想设置周期性、自动运行的营销工作流——由 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。

用既有浏览器测试或限定范围的手动操作验证 WorldMonitor 仪表盘行为。适用于面板、地图图层、设置、搜索、国家简报、启动与仪表盘截图。

验证编辑应用代码后的 Next.js 运行时行为。用于确认改动在真正运行的应用中可用——而不仅仅是能编译或通过类型检查。将 /_next/mcp（Next.js 的视角）与 agent-browser（浏览器的视角）结合使用。需要正在运行的 next dev。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

编写 Dockerfile、配置 CI/CD 流水线、撰写 Kubernetes manifest，并生成 Terraform/Pulumi 基础设施模板。处理部署自动化、GitOps 配置、事故响应 runbook 与内部开发平台工具。在搭建 CI/CD 流水线、应用容器化、管理基础设施即代码、部署到 Kubernetes 集群、配置云平台、自动化发布或响应生产事故时使用。涉及流水线、Docker、Kubernetes、GitOps、Terraform、GitHub Actions、值班响应或平台工程时调用。

当用户想规划、搭建或优化短信/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。

使用 pyzotero Python 客户端操作 Zotero 参考文献库。通过 Zotero Web API v3 检索、创建、更新和删除条目、合集、标签与附件。适用于以编程方式操作 Zotero 文库、管理文献引用、导出引文、检索文库内容、上传 PDF 附件，或构建与 Zotero 集成的科研自动化工作流。

Run, configure, and troubleshoot OpenAI Codex CLI in non-interactive headless environments. Use for Codex automation in Bash or PowerShell, native Windows or WSL2, shell scripts, CI/CD, Docker, Kubernetes, remote servers, agent harnesses, or batch jobs; for constructing `codex exec` commands; selecting sandbox and approval modes; consuming JSONL events or structured output; resuming sessions; passing prompts through stdin; and handling failures caused by unavailable interactive input such as `request_user_input`.

Measure performance baselines and detect regressions across browser Core Web Vitals (LCP, INP, CLS, page weight), API endpoint latency percentiles, and build/test feedback times, with before/after comparison stored in git-tracked .ecc/benchmarks JSON. Use when checking page speed, responding to 'it feels slow' reports, verifying launch performance targets, or comparing stack alternatives.

通过两个判断对自动化请求分类：anchor（哪个原语掌握顶层控制流——工作流为锚、代理为锚、需澄清，或超出范围）与 embeds_other（另一原语是否内嵌出现——工作流中嵌入一个 agent 步骤，或代理把某个工作流当作工具调用）。每当当前轮次需要选定或重新判定某个自动化请求的意图时都必须使用，包括复合请求、构建过程中新引入的独立自动化、需要查询无法直接访问的外部系统的一次性提问或报告，以及在确定 anchor 前需要澄清的请求。当对话已明确面向某个工作流或 Agent 时，不要为常规编辑或扩展加载本技能。

Protected Health Information (PHI) and PII compliance patterns for healthcare applications: data classification, row-level access control, tamper-proof audit trails, schema tagging, and common leak vectors such as logs, URLs, and browser storage. Use when code touches patient or clinician data, when implementing HIPAA or GDPR access controls, or when auditing a healthcare system for data exposure.

Measure performance baselines and detect regressions across browser Core Web Vitals (LCP, INP, CLS, page weight), API endpoint latency percentiles, and build/test feedback times, with before/after comparison stored in git-tracked .ecc/benchmarks JSON. Use when checking page speed, responding to 'it feels slow' reports, verifying launch performance targets, or comparing stack alternatives.

面向通用 agent 的 Cherry Studio 一方工具与内置 shell 路由。在支持 shell 的会话中处理直接的本地工作时:用 `bun <file>` 运行 JS/TS、用 `bun x` 运行一次性 JS 工具;用 `uv run [--with <pkg>] python` 运行 Python、用 `uvx` 运行一次性 Python CLI;搜索用 `rg`。在修改项目依赖、判断工具用临时还是复用方式、读取或转换本地 Office/PDF 文件、跨 Agent 会话协调或委派,或使用 Cherry 自有的 web/浏览器、知识库、持久记忆、日程/通知、IM 渠道、图像生成、产物报告、托管 CLI、技能或 MCP 服务器注册能力前先加载本指南——即使用户没有点名工具。在处理 shell/文件变通方案前先查阅;以实时工具 schema 为准。

Use when migrating an existing Meteor app to Rspack (Meteor 3.4+), or upgrading Rspack 1 to 2 on Meteor 3.6 beta. Triggers on nested imports, mainModule entry points, server-only apps, replacing fourseven:scss / meteor/less / coffeescript / jorgenvatle:vite / zodern:melte with loaders, Svelte/TypeScript preprocessing or Lingui SWC plugin failures after upgrade, CommonJS default-import interop, module.exports in client graphs, Node built-ins in browser code, _build / build-assets / build-chunks, .meteorignore hiding handoff files, dynamic chunks under ROOT_URL, meteor.modules for CSS/HTML, resolve.symlinks or resolve.alias migration, automatic dependency updates and immutable CI/Docker builds. Use this skill when the user asks about migration compatibility or a build plugin's Rspack replacement. For new-app setup and rspack.config.js helpers, use meteor-modern-build-stack instead.

通过 orca CLI 操作 Orca 管理的工作树、目录上下文、终端、仓库、自动化、产物、技能共享、工作树评论,以及 Orca 内置浏览器。当用户说 "$orca-cli"、"Orca worktree"、"child worktree"、"spawn codex/claude in a worktree"、"read/wait/send Orca terminal"、"handoff/handover/give this to another agent"、"Orca browser"、"orca artifacts" 或 "share skills" 时使用。涉及 Orca 状态时优先于原始 git worktree、临时 PTY 或 Computer Use。仅当外部窗口或桌面 UI 需要 OS 级控制时使用 Computer Use;外部页面用 Playwright 或 CDP。

把逆向工程、漏洞利用、渗透测试、恶意软件、移动端、固件、浏览器自动化、文档与安全类任务路由到合适的专项技能。当任务横跨多个模块、或不确定该用哪个 reverse-skill 入口时使用。

把本周 tldraw.com(dotcom)版本要发布内容的通俗总结发到营销团队的 Discord 频道。适用于准备每周 dotcom 版本、被要求面向非工程受众说明本周发布内容,或定时的 release-marketing 自动化运行时。检查 production...main 提交范围,把面向用户的变更翻译成营销能理解的价值点,并通过 Discord webhook 发布简洁总结。

Design and implement CI/CD pipelines, Docker configurations, deployment strategies, and infrastructure automation with production-ready patterns.

面向 TypeScript 与 JavaScript 开发者（Node.js 与浏览器）的 CCXT 加密货币交易所库。同时覆盖 REST API（标准）与 WebSocket API（实时）。帮助安装 CCXT、连接交易所、获取行情、下单、流式接收 ticker/订单簿、处理鉴权与管理错误。适用于在 TypeScript/JavaScript 项目中对接加密货币交易所、交易机器人、套利系统或投资组合管理工具。包含 REST 与 WebSocket 示例。

Generate local speech with saved or designed voices, transcribe audio, and automate dubbing or narration workflows through VoiceStudio's REST API or MCP server. Use when the user wants to work with VoiceStudio audio or connect it to an agent or automation.