代码审查 / GitHub MCP 推荐

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

审查与“添加资源提示（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 或运行时行为时使用。同时检查源码与浏览器执行路径，让修复命中真正的瓶颈或缺陷。

审查过大的 SPA bundle、新增依赖，或水合（hydrate）缓慢的路由时使用。聚焦首屏不需要的代码，将其移到路由切换、用户交互或基于视口的加载之后。

在本地填写任意 PDF，并在可视化编辑器中精确放置每个值。当用户想填写 PDF 表单、往 PDF 里录入数据、完成税务/保险/银行表格，或在无表单域（扫描）PDF 上定位文字时使用。支持扁平（无字段）PDF、逐字符 comb 字段与原生 AcroForm 字段，并保留签名栏空白由用户自行签署。

Opentrons monorepo 的 CSS Modules 约定、Stylelint 规则、设计令牌（间距、颜色、排版、圆角）与模式。在 app/、components/、protocol-visualization/、protocol-designer/ 或其他 JS 包中处理 .module.css 文件或为 React 组件写样式时使用。

提交仓库中已完成的改动，创建下一个带注解的版本标签，并把提交与标签推送到发布远端。当用户要求部署、发布版本、创建或推送发布标签、为正式版运行 `deploy`、为 beta 预发布运行 `deploy beta`、或为 alpha 预发布运行 `deploy alpha`/`release alpha` 时使用。

通过 10 题引导向导一次性捕获用户的品牌标识（主色/强调色 HEX + 标题与正文 Google Fonts + 设计风格（编辑型/技术型/极简/活泼）+ 默认输出目录 + 代码高亮主题 + 目录行为 + 可选 logo/公司名），对照 WCAG 2.2 AA 校验正文与链接对比度，在 HSL 空间派生 12 个 CSS 自定义属性，并存储结果供所有 markdown-html 转换器读取。在任何 markdown-html 转换前使用。触发于首次引导（「set up the brand」「configure markdown-html」「run onboarding」）、显式重置，以及每个转换器在渲染前通过 config_loader.py 检查。若正文对比度未达 AA 4.5:1 或输出目录不可写则拒绝保存。优先级：项目（./.markdown-html/）> 全局（~/.config/markdown-html/）> 内置默认；MARKDOWN_HTML_NO_CONFIG=1 可绕过。

通过 docker CLI 管理 Docker 容器、镜像、数据卷与 Compose 栈——列出、inspect、日志、运行、构建、停止、删除、compose up/down。用于本地容器操作。

使用 React Native Testing Library（RNTL）v13 与 v14（`@testing-library/react-native`）编写测试。在编写、评审或修复 React Native 组件测试时使用。涵盖：render、screen、查询（getBy/getAllBy/queryBy/findBy）、Jest 匹配器、userEvent、fireEvent、waitFor 与异步模式。支持 v13（React 18，同步 render）与 v14（React 19+，异步 render）。触发：React Native 组件的测试文件、RNTL 导入，以及提到「testing library」「写测试」「组件测试」「RNTL」。

当用户要求重构代码（提取组件、合并重复逻辑、重命名变量、优化结构）时触发。提供重构安全检查清单，防止丢失原始上下文。

在 PostHog 产品代码中编写高性能 ClickHouse 查询的指南。适用于编写 HogQL 查询运行器、为新产品设计 ClickHouse 表、添加物化列或跳数索引，或选择 row ID 格式。若要优化已经太慢的现有查询，请改用 /optimizing-clickhouse-and-hogql-queries。

驱动真实浏览器检查或操作网页/应用——导航、截图、读取控制台与网络、填写简单表单——用于验证类任务，而非无人值守自动化。

给出结构化的产品设计评审——用户任务清晰度、层次结构、可供性、错误状态、可访问性与一致性——聚焦要改什么、按什么顺序改以及为什么这样改。

本地构建并打包 Cypress Electron 二进制(yarn binary-build、binary-package、binary-zip、Docker/Linux 对齐),包括非交互 --version/--platform 参数与在 agent 宿主中取消 ELECTRON_RUN_AS_NODE。涵盖 macOS 签名、可选提速环境变量、dist 冒烟测试陷阱,以及构建后工作树变 dirty 的原因。当用户要求构建 Cypress 二进制、binary-package、binary-build 中 electron MODULE_NOT_FOUND 或本地二进制 zip 时使用。产物调试请用 debugging-cypress-artifacts。

用新鲜的本地证据验证一个论断：将其改写为可证伪形式，记录基线与处理后状态，比对产物，并返回 VERIFIED、NOT VERIFIED 或 INCONCLUSIVE。

易于扩展的 React 组合模式。适用于重构 boolean prop 泛滥的组件、构建灵活的组件库、设计可复用 API。当任务涉及 compound components、render props、context provider 或组件架构时触发。包含 React 19 的 API 变化。

检查、修补、验证、发布或确认 OpenClaw 的 GHSA 安全通告与私有 fork 状态。

以已发布标签和信任模型证明为依据，分诊 OpenClaw 安全通告、草稿和 GHSA 报告。

管理落地页的 CSS 设计体系模板 —— 查看、分析或创建组件库。

掌握 TypeScript 高级类型系统，包括泛型、条件类型、映射类型、模板字面量类型与工具类型，构建类型安全的应用。在实现复杂类型逻辑、创建可复用类型工具或确保 TypeScript 项目的编译期类型安全时使用。

TypeScript 开发规范，与 ESLint 配置保持一致。包含类型定义、数组语法、类型注解等规范。

基于真实 joplin 终端后端的 Joplin 工作流命令行界面。

在编写或审查任何数据库迁移（db/migrate、db/post_migrate、插件迁移）之前必须先加载本技能。

生产环境部署原则与决策。安全工作流、回滚策略与验证。教导思维方式而非脚本。