Cursor 必备 MCP 组合推荐

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

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

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

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

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

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

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

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

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

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

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

审查与“在所有主流浏览器上测试”相关的 CI 覆盖、自动化检查或测试策略时使用。重点看规则是否被持续验证，而不只是写在文档里。

适用于触屏界面上的所有交互元素：按钮、链接、复选框、单选框、表单输入、图标按钮和菜单项。检查交互元素 CSS 的 min-width、min-height、width、height 和 padding。对仅含图标的按钮（关闭、删除、分享）尤其重要，它们常被做得过小。

适用于段落或文本块中内联出现的超链接（a 元素）。不适用于导航菜单、按钮式链接，或视觉上与正文隔离的独立链接。审查移除正文内联链接下划线样式的 CSS 时使用。

审查样式表、组件样式与响应式行为，落实“对 CSS 与 SCSS 文件做 lint”这一规则时使用。提出修复前要在各断点和交互状态下检查实际渲染布局。

审查样式表、组件样式与响应式行为，落实“保持 CSS 优先级低而平”这一规则时使用。提出修复前要在各断点和交互状态下检查实际渲染布局。

审查在多个断点尺寸下渲染的正文图片、卡片、图集或任意组件时使用。标记与 CSS 布局都要检查，因为错误的 sizes 属性会让再好的 srcset 也失效。

审查样式表、组件样式与响应式行为，落实“使用一致的 CSS 命名约定”这一规则时使用。提出修复前要在各断点和交互状态下检查实际渲染布局。

审计服务器配置或诊断资源加载失败时使用。适用于提供 HTML、CSS、JS、图片、字体等静态资源的任意 Web 服务器。

审查样式表、组件样式与响应式行为，落实“用 CSS 逻辑属性支持 i18n 与 RTL”这一规则时使用。提出修复前要在各断点和交互状态下检查实际渲染布局。

适用于含 li 元素的 HTML 文档。同样适用于自定义 ARIA 列表——role=listitem 必须由 role=list 拥有。常见违规出现在列表标记被拆分到多个组件的模板系统，或 CSS reset 中把 li 当作布局元素而缺少正确列表父级。

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

审查渲染可翻译字符串的元素上，CSS 是否存在固定尺寸、截断或 overflow 规则时使用。

适用于 modal、遮罩层、弹窗、cookie 横幅、订阅对话框和促销浮层等 CSS 与 JS 实现。检查 position: fixed、带大 z-index 的 position: absolute、背景遮罩，以及在页面加载后立刻或稍后显示弹窗的 JavaScript。同时考虑 SEO（Google）与可访问性（WCAG 焦点管理）影响。

审查存在优先级问题的 CSS 架构、搭建设计系统，或把大型代码库从 utility-first 迁移到分层架构时使用。

审查样式表、组件样式与响应式行为，落实“避免嵌入式与内联 CSS”这一规则时使用。提出修复前要在各断点和交互状态下检查实际渲染布局。

审查样式表、组件样式与响应式行为，落实“用 prefers-color-scheme 支持暗色模式”这一规则时使用。提出修复前要在各断点和交互状态下检查实际渲染布局。

审查可能依赖表现层传递语义的渲染 HTML、布局组件或设计系统模式时使用。检查 DOM 顺序、语义结构、表单关联，以及 CSS 生成内容是否承载了关键信息。

审查样式表、组件样式与响应式行为，落实“移除未使用的 CSS 规则”这一规则时使用。提出修复前要在各断点和交互状态下检查实际渲染布局。

审查样式表、组件样式与响应式行为，落实“使用 CSS reset 或 normalize 样式表”这一规则时使用。提出修复前要在各断点和交互状态下检查实际渲染布局。

适用于 HTML 文档中任意 meta name=viewport 元素。检查 content 属性中的 user-scalable=no、user-scalable=0、maximum-scale=1 或小于 2 的 maximum-scale 取值。这是移动优先模板和 CSS 框架中的常见错误。

适用于所有 CSS font-size 声明，尤其是正文、UI 标签和导航中用 px 单位定义字号的场景。审查移动端响应式与可访问性合规时使用。注意检查小屏媒体查询中的 font-size。

审查移动优先布局、平板体验、全屏流程、表单、仪表盘或媒体类界面时使用。在竖屏与横屏下检查实际渲染行为，区分真正的布局约束与不必要的方向假设。

为前后端 API 边界搭建集成测试、评估两个服务能否独立安全部署，或用契约测试替换缓慢的端到端测试时使用。

审计 tsconfig.json 是否缺少安全标志、审查数据处理流水线中用到数组索引访问的代码，或排查 TypeScript 未捕获的运行时 undefined 错误时使用。

审计 TypeScript 文件的 import 语句、新建 TypeScript 项目，或排查类型依赖意外被打进 bundle 时使用。

审查 TypeScript 文件的类型安全回退、评审处理外部数据的函数，或代码库中存在 @typescript-eslint/no-explicit-any 的 ESLint 警告时使用。

适用于所有 HTML 文档。务必查看原始 HTML 源码的第一行（view-source: 或 DevTools > Network > Response）。在 SSR 框架中查看根 HTML 模板（如 Next.js 的 _document.tsx、Vite/Vue 的 index.html、Rails 的 application.html.erb）。doctype 不是标签而是声明，不需要闭合标签。

审查服务端渲染配置、Next.js App Router 页面或 Node.js HTTP handler，确认 HTML 是增量流式输出而非缓冲到完成再发送时使用。

排查页面加载缓慢、资源过大或渲染延迟，落实“启用浏览器缓存”时使用。在 DevTools、Lighthouse 或真实数据中确认实际瓶颈后再提改动建议。

排查页面加载缓慢、资源过大或渲染延迟，落实“执行浏览器端性能审计”时使用。在 DevTools、Lighthouse 或真实数据中确认实际瓶颈后再提改动建议。

审查样式表、组件样式与响应式行为，落实“内联关键 CSS 以加快渲染”这一规则时使用。提出修复前要在各断点和交互状态下检查实际渲染布局。

审查样式表、组件样式与响应式行为，落实“正确排列 CSS 文件顺序”这一规则时使用。提出修复前要在各断点和交互状态下检查实际渲染布局。

审查样式表、组件样式与响应式行为，落实“压缩所有 CSS 文件”这一规则时使用。提出修复前要在各断点和交互状态下检查实际渲染布局。

审查样式表、组件样式与响应式行为，落实“不阻塞渲染地加载 CSS”这一规则时使用。提出修复前要在各断点和交互状态下检查实际渲染布局。

审查样式表、组件样式与响应式行为，落实“用 CSS 自定义属性承载设计令牌”这一规则时使用。提出修复前要在各断点和交互状态下检查实际渲染布局。

审查样式表、组件样式与响应式行为，落实“用 CSS Grid 做二维布局”这一规则时使用。提出修复前要在各断点和交互状态下检查实际渲染布局。

审查样式表、组件样式与响应式行为，落实“包含打印样式表”这一规则时使用。提出修复前要在各断点和交互状态下检查实际渲染布局。