代码审查 / GitHub MCP 推荐

为 Dify 前端组件、Hook 和工具函数生成 Vitest + React Testing Library 测试。触发词：testing、spec 文件、coverage、Vitest、RTL、单元测试、集成测试或编写/审查测试的请求

在本地部署 VirtualMCPServer 配置，用于手动测试与验证

使用参数化语句安全地查询数据库。

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

在创建新技能、编辑现有技能，或部署前验证技能是否有效时使用。

减少 LLM 常见编码失误的行为准则。在编写、评审或重构代码时使用，以避免过度复杂化、做精准的小改动、显式暴露假设，并定义可验证的成功标准。

部署、扩缩容与管理 Kubernetes 工作负载。创建 Deployment、Service 与配置，管理集群资源，排查 Pod 问题，并落地生产可用的 Kubernetes 模式。在处理 Kubernetes 集群、K8s 部署或容器编排时使用。

实现 Kubernetes 安全上下文、Pod Security Standards 与网络策略，加固集群组件与工作负载。在加固 Kubernetes 部署或满足安全合规要求时使用。

构建高性能移动应用的 React Native 与 Expo 最佳实践。在编写 React Native 组件、优化列表性能、实现动画或使用原生模块时使用；涉及 React Native、Expo、移动性能、原生平台 API 的任务都会触发。

面向 AI 代理的浏览器自动化 CLI。当用户需要与网站交互时使用，包括页面导航、表单填写、按钮点击、截图、数据提取、Web 应用测试或任何浏览器任务自动化。触发场景包括“打开网站”“填写表单”“点击按钮”“截图”“从页面抓取数据”“测试这个 Web 应用”“登录网站”“自动化浏览器操作”，或任何需要程序化网页交互的任务。

从 PDF 文档提取文本、表格与表单数据以供分析与处理。当用户要求提取、解析或分析 PDF 文件时使用。

开发并扩展 NetAlertX REST API 端点。在被要求创建端点、添加 API 路由、实现 API 或修改 API 响应时使用。

掌握 SQL 查询优化、索引策略与 EXPLAIN 分析，大幅提升数据库性能并消除慢查询。在排查慢查询、设计数据库 schema 或优化应用性能时使用。

Tailwind CSS v4 原则：CSS 优先配置、容器查询、现代模式与设计令牌架构。

UI/UX 设计智能库：50 种风格、21 套色板、50 组字体搭配、20 种图表、9 种技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui）。动作：规划、构建、创建、设计、实现、审查、修复、优化、增强、重构、检查 UI/UX 代码。项目类型：网站、落地页、仪表盘、后台管理、电商、SaaS、作品集、博客、移动应用、.html、.tsx、.vue、.svelte。元素：按钮、弹窗、导航栏、侧边栏、卡片、表格、表单、图表。风格：玻璃拟态、黏土拟态、极简、粗野主义、新拟态、便当格、暗色模式、响应式、拟物、扁平。主题：色板、无障碍、动效、布局、排版、字体搭配、间距、hover、阴影、渐变。集成：通过 shadcn/ui MCP 检索组件与示例。

完整的应用商店优化（ASO）工具包，用于在 Apple App Store 与 Google Play Store 上调研、优化并跟踪移动应用表现。

在创建新技能、编辑已有技能，或在上线部署前验证技能是否可用时使用。

解决真实问题的浏览器扩展开发专家，覆盖 Chrome、Firefox 与跨浏览器扩展。内容包括扩展架构、manifest v3、内容脚本、弹窗 UI、变现策略以及 Chrome 应用商店发布。触发场景：浏览器扩展、chrome 扩展、firefox 插件、扩展、manifest v3。

浏览器自动化支撑着 Web 测试、抓取与 AI 智能体交互；一段时好时坏的脚本与一套可靠的系统之间，差别在于是否理解选择器、等待策略与反检测模式。本技能覆盖 Playwright（推荐）与 Puppeteer，并给出测试、抓取与智能体式浏览器控制的模式。核心结论：Playwright 已赢得框架之争，除非你需要 Puppeteer 的隐身生态或只能用 Chrome，否则 Playwright 都是更好的选择。

面向 iOS 与 Android 的移动优先设计思维与决策方法，涵盖触控交互、性能模式与平台惯例，只教原则不教固定数值。适用于构建 React Native、Flutter 或原生移动应用。

移动游戏开发要点：触控输入、电池续航、性能与应用商店。

后端架构模式、API 设计、数据库优化，以及 Node.js、Express 与 Next.js API 路由的服务端最佳实践。

Node.js/Express/TypeScript 微服务的完整后端开发指南。在创建路由、控制器、服务、仓储、中间件，或处理 Express API、Prisma 数据访问、Sentry 错误追踪、Zod 校验、unifiedConfig、依赖注入与异步模式时使用。覆盖分层架构（routes → controllers → services → repositories）、BaseController 模式、错误处理、性能监控、测试策略以及从旧模式的迁移。

React/TypeScript 应用的前端开发规范，包含 Suspense 与懒加载、useSuspenseQuery、按 features 目录组织代码、MUI v7 样式、TanStack Router、性能优化与 TypeScript 最佳实践等现代模式。在编写组件、页面、特性、拉取数据、写样式、做路由或处理前端代码时使用。

面向 React、Next.js 的前端开发模式，涵盖状态管理、性能优化与 UI 最佳实践。

数据库设计原则与决策方法：Schema 设计、索引策略、ORM 选型与 Serverless 数据库。

当用户要求执行漏洞扫描、扫描网络开放端口、评估 Web 应用安全、扫描无线网络、检测恶意软件、检查云安全或评估系统合规性时使用，提供安全扫描工具与方法论的完整指导。

生产部署原则与决策方法：安全的部署流程、回滚策略与上线验证，教的是思考方式而非脚本。

落地安全的 API 设计模式，涵盖认证、授权、输入校验、限流，以及对常见 API 漏洞的防护。

当用户要求测试 API 安全、对 API 做模糊测试、查找 IDOR 漏洞、测试 REST API、测试 GraphQL、API 渗透测试、漏洞赏金 API 测试，或需要 API 安全评估方法的指导时使用。

API 设计原则与决策方法：REST、GraphQL 与 tRPC 的选型，以及响应格式、版本管理与分页。

从代码生成完整、开发者友好的 API 文档，包含接口、参数、示例与最佳实践。

Jest 测试模式、工厂函数、mock 策略与 TDD 工作流。在编写单元测试、创建测试工厂或遵循 TDD 红-绿-重构循环时使用。

Python 开发原则与决策方法：框架选型、异步模式、类型标注与工程结构，教的是思考方式而非照抄。

TypeScript 与 JavaScript 专家，深谙类型级编程、性能优化、monorepo 管理、迁移策略与现代工具链。对任何 TS/JS 问题（包括复杂类型体操、构建性能、调试与架构决策）主动使用。若另有更合适的专项专家，会建议切换并停止。

Next.js App Router 核心原则：Server Components、数据获取与路由模式。

面向加载态、错误处理与数据获取的现代 React UI 模式。在构建 UI 组件、处理异步数据或管理 UI 状态时使用。

现代 React 模式与原则：hooks、组合、性能与 TypeScript 最佳实践。

创建具有高设计品质、独特且生产级的前端界面。当用户要求构建 Web 组件、页面、制品、海报或应用时使用（如网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或对任何 Web UI 做样式/美化）。产出有创意、精致、避免 AI 通用美学的代码与 UI 设计。

全面的 PDF 处理工具包，用于提取文本和表格、创建新 PDF、合并/拆分文档以及处理表单。适用于需要填写 PDF 表单或以编程方式批量处理、生成、分析 PDF 文档的场景

集成 Better Auth——功能全面的 TypeScript 认证框架——的技能。

具有持久页面状态的浏览器自动化。当用户要求浏览网站、填写表单、截图、提取网页数据、测试 Web 应用或自动化浏览器工作流时使用。触发短语包括 "go to [url]"、"click on"、"fill out the form"、"take a screenshot"、"scrape"、"automate"、"test the website"、"log into",或任何浏览器交互请求。

Java 应用中 Jackson JSON 反序列化的安全注意事项。涵盖校验时机、原始输入拦截以及常见的反序列化攻击模式。

当用户要求运行 Codex CLI（codex exec、codex resume），或提到用 OpenAI Codex 做代码分析、重构与自动化编辑时使用。默认使用 GPT-5.2 以获得当前最强的软件工程能力。

按渐进式披露原则重构臃肿的 AGENTS.md、CLAUDE.md 等智能体指令文件，把单一大文件拆分为组织化、相互链接的文档。

为前端开发者编写 API 交接文档。当后端工作已完成、需要写成文档供前端对接，或用户说创建交接文档、把 API 写成文档、前端交接、API 文档时使用。

为后端开发者整理前端的数据需求。当前端需要把 API 需求传达给后端，或用户说后端需求、我需要哪些数据、API 需求，或在描述某个 UI 的数据依赖时使用。

创建并演进设计系统：设计令牌、组件架构、无障碍指南与文档模板，保证跨产品 UI 的一致、可扩展与可访问。