代码审查 / GitHub MCP 推荐

提供诊断与修复 React 18 类组件自动批处理问题的精确模式。当类组件在异步方法、setTimeout、Promise 的 .then()/.catch() 或原生事件处理器中有多次 setState 调用时使用。编写任何 flushSync 之前先看本技能——其中的决策树可避免滥用 flushSync。也在修复 React 18 升级后中间态断言失效导致的测试失败时使用。

提供在 React 18.3.1/React 19 升级前审计 React 代码库所需的完整、已验证 grep 扫描命令库。运行迁移审计时使用——供 react18-auditor 与 react19-auditor 两个 agent 共用。包含查找废弃 API、已移除 API、不安全生命周期方法、批处理隐患、测试文件问题、依赖冲突和 React 19 特有移除项的全部 grep 模式。编写审计扫描命令时应使用本技能而非凭记忆写 grep 语法，尤其是需要上下文标志的多行异步 setState 模式。

提供 React 旧版 Context API（contextTypes、childContextTypes、getChildContext）迁移到现代 createContext API 的完整模式。迁移类组件的旧版 Context 时务必使用——这始终是需要同时更新 provider 和全部消费者的跨文件迁移。改动任何 contextTypes/childContextTypes 代码前先用本技能，因为只改 provider 不改消费者（或反之）会导致运行时报错。编写任何 Context 迁移代码前都应先读本技能，其中的跨文件协调步骤可避免最常见的 Context 迁移错误。

基于 Spector 用例为 TypeSpec http-client-python 生成器编写模拟 API 测试（azure/unbranded/shared）。当拿到 Spector 用例链接，或修改 http-specs/azure-http-specs 下 Spector 用例的 PR 链接时使用。

融合高级 UI 设计、电影感动效、AI 生成媒体素材、有说服力的文案与视觉艺术的全栈前端开发。用于构建视觉冲击力足、带真实媒体、高级动效与出色文案的完整 Web 页面。适用场景：制作落地页、营销站点、产品页、仪表盘，生成媒体素材（图片/视频/音频/音乐），撰写转化文案，创作生成艺术，以及实现电影感滚动动效。

构建、测试、lint、定版并发布生产级 Python 库到 PyPI 的端到端技能。覆盖四种构建后端（setuptools+setuptools_scm、hatchling、flit、poetry）、PEP 440 版本、语义化版本、基于 git tag 的动态版本、OOP/SOLID 设计、类型注解（PEP 484/526/544/561）、Trusted Publishing（OIDC）以及完整的 PyPA 打包流程。适用于：创建 Python 包、可 pip 安装的 SDK、CLI 工具、框架插件、pyproject.toml 配置、py.typed、setuptools_scm、semver、mypy、pre-commit、GitHub Actions CI/CD 或 PyPI 发布。

在扩展部署模块中创建与修改 Quarkus @BuildStep 方法、build item 与 recorder 的模式。

使用 Netlify CLI 将项目部署到 Netlify。当用户想关联仓库、校验部署配置、执行部署，或在预览与生产流程之间做选择时使用。

Kubernetes 运维，包括清单、Helm 图表、Operator、故障排查与资源管理。

初始化新的 MemPalace——引导式搭建你的 AI 记忆宫殿,使用 ChromaDB 后端。

使用内置的 pi-mcp-adapter，通过 .pi/mcp.json 连接 MCP 服务器。

掌握 AgentDB 高级特性：QUIC 同步、多库管理、自定义距离度量、混合检索与分布式系统集成。用于构建分布式 AI 系统、多 agent 协同或高级向量检索应用。

来自 Vercel 工程团队的 React 与 Next.js 性能优化准则。在编写、审查或重构 React/Next.js 代码以确保最优性能模式时使用。涉及 React 组件、Next.js 页面、数据获取、包体积优化或性能提升的任务会触发。

n8n 工作流自动化平台的命令行界面。管理工作流、执行、凭证、变量和标签。基于 n8n Public API v1.1.1(n8n >= 1.0.0)。

诊断 openai/codex 仓库中的 GitHub bug 报告。当被给出 openai/codex 的 GitHub issue 链接，需要判断下一步——对照仓库验证、要求补充信息，或说明为何不算 bug——时使用；并遵循用户提供的其他附加指令。

TanStack DB 的 React 绑定。useLiveQuery hook 支持依赖数组（8 种重载：查询函数、配置对象、预创建 collection、通过返回 undefined/null 禁用状态）。useLiveSuspenseQuery 用于配合 Error Boundary 的 React Suspense（数据始终有定义）。useLiveInfiniteQuery 用于游标分页（pageSize、fetchNextPage、hasNextPage、isFetchingNextPage）。usePacedMutations 用于防抖的 React 状态更新。返回结构：data、state、collection、status、isLoading、isReady、isError。从 @tanstack/react-db 导入（再导出 @tanstack/db 的全部内容）。

粘贴一条 SQL 查询，获得其作用的通俗说明。

用于通用 PostgreSQL 表设计。**触发时机**——用户要求：设计 PostgreSQL 表、模式或数据模型（新建表与修改现有表时）；为 PostgreSQL 选择数据类型、约束或索引；创建用户表、订单表、引用表或 JSONB 模式；了解 PostgreSQL 在规范化、约束或索引方面的最佳实践；设计高频更新、高频 upsert 或 OLTP 风格的表。**关键词**：PostgreSQL schema、table design、data types、PRIMARY KEY、FOREIGN KEY、indexes、B-tree、GIN、JSONB、constraints、normalization、identity columns、partitioning、row-level security。全面覆盖数据类型、索引策略、约束、JSONB 模式、分区与 PostgreSQL 特有最佳实践

全面的 PostGIS 空间表设计参考，涵盖几何类型、坐标系、空间索引与性能模式，适用于位置类应用

对 WordPress 开发数据库运行 SQL 查询。在查看表、检查事件数据或排查数据库问题时使用。

带覆盖率统计地运行 Python 单元测试，分析覆盖率报告，并实现有意义的测试用例，使覆盖率提升约 0.2%。当你想通过高价值测试用例系统性提升 Python 测试覆盖率时使用。

面向 Django 模板与 Vue 组件的前端 UI 实现、无障碍与响应式检查

Docker Compose、容器化服务、部署

创建和编辑 Obsidian Bases（.base 文件），包含视图、筛选、公式与汇总。在处理 .base 文件、为笔记创建类数据库视图，或用户提到 Obsidian 中的 Bases、表格视图、卡片视图、筛选器、公式时使用。

带覆盖率统计地运行前端单元测试，分析覆盖率报告，并实现有意义的测试用例，使覆盖率提升约 0.2%。当你想通过高价值测试用例系统性提升前端测试覆盖率时使用。

管理 Docker 容器、镜像、数据卷、网络和 Compose 栈 —— 涵盖生命周期操作、调试、清理以及 Dockerfile 优化。

CSS 动画模式——过渡、keyframes、滚动驱动动画、@property、GPU 加速属性，以及基于 prefers-reduced-motion 的可访问性。

React Native 移动开发模式——新架构（Fabric、TurboModules、JSI）、组件架构、React Navigation 7+、FlashList v2 优化、基于 Reanimated 4 的手势、平台特定代码、React 19 特性。

Expo 托管工作流（managed workflow）。

移动 UI 模式——React Native、iOS/Android、触控目标

Schema 感知——编码前先读、类型生成、防止列错误

搭配 eslint 与 jest 的 TypeScript 严格模式

针对给定构建或发布版本，下载、检视并 diff .NET API。使用 dotnet-inspect 验证 API 是否确实存在于已发布的包中、检测漏掉的回退，并生成前后 API diff。当需要完整的 Markdown diff 报告时使用 RunApiDiff.ps1。

从源代码生成全面且准确的 API 文档。适用于创建或更新 API 文档、生成 OpenAPI 规范，或在用户提到 API 文档、端点或说明时使用。

指导带级联依赖的 API 资源 CRUD 操作，提供描述性校验与孤儿预防。在添加删除/移除操作、创建校验逻辑、构建依赖其他资源的资源时使用；或当用户提到“cascade delete”“orphan records”“duplicate detection”“validation errors”“resource cleanup”“rollback on failure”。

数据库横向移动与跨库攻击。当已获取一个数据库权限（PostgreSQL/MySQL/MSSQL）需要横向到其他数据库或内网服务时使用。覆盖 PostgreSQL dblink 跨库连接、MSSQL Linked Server 横向、MySQL 联邦引擎跨库、数据库→SSRF→内网探测。当目标网络隔离但数据库可通信时（数据库通常有比应用服务器更宽松的网络策略），这是突破隔离的关键路径。发现任何数据库间通信需求、内网数据库横向、跨库查询场景都应使用此技能

当用户提出数据查询需求（如'查数'、'查一下订单量'、'有多少用户'、'帮我跑个SQL'等），使用数据源工具发现表结构，生成并执行只读 SQL 查询。

当用户提出数据查询需求（如'查数'、'查一下订单量'、'有多少用户'、'帮我跑个SQL'等），使用数据源工具发现表结构，生成并执行只读 SQL 查询。

面向 ECC 的、以证据为先的自动化清单与重叠审计流程。当用户希望在动手修复之前先弄清哪些任务、钩子、连接器、MCP 服务器或包装层是在运行的、已损坏的、冗余的还是缺失的使用。

使用现代 CSS Grid、Flexbox、容器查询与逻辑属性创建或修复布局，内含 Grid vs Flexbox 决策树与常见布局模式。当用户要求 CSS 布局、grid 布局、flexbox 布局、侧边栏布局、圣杯布局、卡片网格、居中或布局修复时使用。

深度 CSS 质量审计，按 0-10 分对架构、特异性、冗余、无障碍、性能与现代性打分，标记反模式并生成按优先级排列的修复计划。只出报告不改代码。当用户要求 CSS 审计、CSS 评审、样式表质量检查、CSS 健康检查或 CSS 评分时使用。

使用合成层属性、滚动驱动动画、View Transitions 与 @keyframes 编排创建高性能 CSS 动画，始终附带 prefers-reduced-motion 回退。当用户要求 CSS 动画、过渡、滚动动画、视图过渡、keyframes、悬停效果、入场动画或动效设计时使用。

系统化的 CSS 调试。涵盖特异性分析、继承链追踪、计算值检查、布局调试（overflow、意外尺寸、外边距塌陷）、CSS containment 问题、z-index 层叠上下文梳理、自定义属性解析链以及绘制/布局性能诊断，并使用 outline 技巧进行可视化调试。在调试 CSS、修布局 bug、解决特异性冲突、追查 z-index 问题或诊断渲染性能时使用。

CSS 无障碍审计与修复。检查 focus-visible 样式、减弱动态效果支持、对比度偏好、forced-colors 模式、visually-hidden 模式、触控目标尺寸、颜色对比度比值、仅靠颜色区分的指示器、跳转链接与阅读顺序。在审计无障碍、修复 a11y 问题、添加焦点样式、支持 reduced motion、提升对比度或让 CSS 更无障碍时使用。

用现代 CSS 构建主题化系统。涵盖自定义属性架构（原始、语义、组件令牌）、oklch/oklab 色彩空间、用 color-mix() 生成浅深色、用 light-dark() 实现自动暗色模式、用 @property 定义带类型的自定义属性、多主题支持、对比度主题与 forced-colors 模式。在构建主题、添加暗色模式、创建颜色系统、配置设计令牌或实现配色方案时使用。

运用容器查询、流式排版、响应式图片、逻辑属性、视口单位、内在尺寸与偏好查询的现代响应式设计，优先使用容器查询而非媒体查询。当用户询问响应式 CSS、响应式设计、移动端布局、流式排版、响应式图片、暗色模式、prefers-reduced-motion 或自适应设计时使用。

将旧式 CSS 升级到现代标准。扫描样式表中的过时模式（float、clearfix、厂商前缀、旧 flexbox 语法、px 媒体查询、@import、滥用 !important）并替换为现代写法；引入层叠层级、抽取设计令牌并合并冗余。在重构 CSS、现代化样式表、升级旧代码、移除厂商前缀或用 grid/flexbox 取代 float 时使用。

分析自动化的 ROI——识别该自动化什么以及能节省多少成本