代码审查 / GitHub MCP 推荐

审计服务器配置或诊断资源加载失败时使用。适用于提供 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 做二维布局”这一规则时使用。提出修复前要在各断点和交互状态下检查实际渲染布局。

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

排查页面加载缓慢、资源过大或渲染延迟，落实“优化 CSS 文件体积”时使用。在 DevTools、Lighthouse 或真实数据中确认实际瓶颈后再提改动建议。

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

实现动画渐变、涉及自定义属性取值的复杂 CSS transition，或构建类型化设计令牌系统（希望自定义属性误用能直接报错）时使用。

审查与“在真实移动设备和视口上测试”相关的 CI 覆盖、自动化检查或测试策略时使用。重点看规则是否被持续验证，而不只是写在文档里。

在新建 TypeScript 项目、审计已有 tsconfig.json，或审查存在空引用错误或隐式 any 类型的代码时使用。

Use this skill when designing, writing, or minimizing regression tests (e.g., mjsunit) for V8 bug fixes

Workflow for automatically fixing errors or addressing comments on a Gerrit CL requested by the user.

Guides the methodology for investigating V8 concepts, codebase structure, performance, memory, and architecture. MANDATORY to use whenever triaging bugs, investigating crashes, reading C++ files, analyzing compiler optimizations (Ignition, Maglev, TurboFan, Turboshaft), or doing static research on V8 subsystems. Essential for locating high-level design documents in the local docs/ directory before reading C++ code. Do not use for raw build commands or Git workflows.

Manages git task isolation and environment setup in V8. Use at the start of any new task or bug fix. Do not use for general C++ editing.

Managing and querying Perfetto traces using the trace_processor MCP server.

Handles installation and configuration of clangd-mcp for V8. Use when clangd-mcp is missing or needs configuration for the current workspace. Do not use for general C++ editing.

Guides the initial analysis and impact assessment of a V8 security report, strictly excluding implementation or fixing.

遵循最佳实践与安全标准，为 Deployment、Service、ConfigMap 与 Secret 生成生产就绪的 Kubernetes manifest。在生成 Kubernetes YAML 清单、创建 K8s 资源或实施生产级 Kubernetes 配置时使用。

当 HyperFrames 合成需要推近、拉出、缩放、改构图、Ken Burns 效果、运镜、视觉匹配/甩镜交接，或其他 seek-safe 的 2D/3D 关键帧时使用；也用于 GSAP、CSS keyframes、Anime.js、WAAPI、FLIP、路径、遮罩、SVG morph/draw、文字拖尾、3D 纵深，或 `hyperframes keyframes` 诊断。不要用于宽泛的场景策略、品牌设计、素材获取、字幕或一般视频规划。

Explains why a process is running and what started it, using the witr CLI. Use when a port is already in use (EADDRINUSE), a dev server or other process was left running, an unknown or stuck process needs explaining, or you need to know which service, container, shell, supervisor or scheduled job started a process, holds a port or holds a file lock. Use it instead of chaining lsof, ps, ss, netstat and docker ps.

用于修改或审阅 packages/qwik 下的 Qwik 核心包代码，尤其是响应式原语、信号、VNode、cursor 行为、QRL，以及面向 optimizer 的运行时行为，或 Qwik 核心测试。

自动化 Unreal Engine 编辑器的场景、Actor 与渲染操作。

Load the body before the first implementation edit for a bug fix or behavior change, or when the user or governing specification makes reusable tests a deliverable. It keeps the smallest focused test with the delivered project and updates coverage when behavior changes. Do not load for greenfield work unless reusable tests are explicitly required, behavior-preserving refactors, verification-only work, plan/review/explanation/documentation/formatting/generated-output-only work, explicit no-change or no-tool work, or when the user declines tests.