代码审查 / GitHub MCP 推荐

启用与 NetAlertX 运行时的实时交互。此技能配置 Model Context Protocol（MCP）连接，授予完整 API 访问权限，用于调试、故障排查与实时操作，包括数据库查询、网络扫描与设备管理。

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

使用 Docker Model Runner 运行本地 LLM 推理的技能

用 linear-gradient 做 CSS alpha 遮罩，实现横向或纵向的边缘渐隐（mask-image 与 -webkit-mask-image）。在被要求写 alpha mask、边缘渐隐或 CSS 遮罩渐变时使用。

使用 MCP 工具在 Penpot 中创建专业 UI/UX 设计的完整指南。适用场景：(1) 为 Web、移动或桌面应用创建新的 UI/UX 设计；(2) 构建含组件与设计令牌的设计系统；(3) 设计仪表盘、表单、导航或落地页；(4) 应用无障碍标准与最佳实践；(5) 遵循平台规范（iOS、Android、Material Design）；(6) 评审或改进现有 Penpot 设计的可用性。触发语包括"design a UI"、"create interface"、"build layout"、"design dashboard"、"create form"、"design landing page"、"make it accessible"、"design system"、"component library"。

把 unoptimized-query-oracle 测试失败日志缩减为最简单的复现用例。当你手头有失败 roachtest 产生的 unoptimized-query-oracle*.log 文件、需要找出能复现 bug 的最小 SQL 时使用。

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

来自官方文档的 React useEffect 最佳实践。在编写/审查 useEffect、为派生值使用 useState、数据获取或状态同步时使用。讲解何时不该用 Effect，以及更好的替代方案。

通过 Chrome DevTools Protocol 进行交互式浏览器自动化。适用于需要与网页交互、测试前端，或用户需要与可见浏览器交互的场景

用于撰写供人阅读的文本——文档、提交信息、错误消息、解释说明、报告或 UI 文案。运用 Strunk 的经典写作规则，让文字更清晰、更有力、更专业

通过分析代码库、生成 render.yaml Blueprint 并提供 Dashboard 深链接，将应用部署到 Render。当用户想在 Render 云平台上部署、托管、发布或搭建应用时使用。

使用 Netlify 命令行工具（npx netlify）将 Web 项目部署到 Netlify。当用户要求在 Netlify 上部署、托管、发布或关联站点/仓库时使用，包括预览与生产部署。

使用 Workers、Pages 及相关平台服务将应用与基础设施部署到 Cloudflare。当用户要求在 Cloudflare 上部署、托管、发布或搭建项目时使用。

当任务涉及读取、创建或审阅 PDF 文件、且渲染与排版很重要时使用；优先通过渲染页面（Poppler）进行视觉检查，并使用 reportlab、pdfplumber、pypdf 等 Python 工具进行生成与提取。

执行针对语言与框架的安全最佳实践评审并提出改进建议。仅当用户明确请求安全最佳实践指导、安全评审/报告，或默认安全的编码帮助时触发。仅适用于支持的语言（Python、JavaScript/TypeScript、Go）。对通用代码审查、调试或非安全任务不要触发。

基于代码库的威胁建模，枚举信任边界、资产、攻击者能力、滥用路径与缓解措施，并撰写简明的 Markdown 威胁模型。仅当用户明确要求对代码库或路径进行威胁建模、枚举威胁/滥用路径，或执行 AppSec 威胁建模时触发。对通用架构总结、代码审查或非安全设计工作不要触发。

分析 git 仓库以构建安全所有权拓扑（人-文件映射），计算 bus factor 与敏感代码所有权，并导出 CSV/JSON 供图数据库与可视化使用。仅当用户明确希望基于 git 历史进行面向安全的所有权或 bus-factor 分析时触发（例如：孤立的敏感代码、安全维护者、面向风险的责任人现状核查、敏感热点或所有权集群）。对通用维护者列表或非安全所有权问题不要触发。

通过交互式问答为本地开发生成 Docker Compose 与 Dockerfile 配置。支持 PHP/Laravel、WordPress、Drupal、Joomla、Node.js 与 Python 技术栈，配合 Nginx、Supervisor/PM2、数据库、Redis 以及邮件测试。生成配置前总会先提出澄清问题。

讲解并推导用于视口间线性缩放的 CSS clamp() 值。在计算 clamp 值或创建响应式尺寸令牌时使用。

当用户提出重构分析、技术债评审或代码质量改进需求时，立即通过 python 脚本调用。不要先自行探索——由脚本统一编排探索过程。

功能全面的 PDF 操作工具箱：提取文本与表格、创建新 PDF、合并/拆分文档、处理表单。适用于 Claude 需要填写 PDF 表单，或批量程序化处理、生成、分析 PDF 文档的场景。

标准重构流程。当用户或文档提到重构时立即调用，或在代码变得过于复杂、混乱时主动使用。

外科手术式代码重构，在不改变行为的前提下提升可维护性。涵盖抽取函数、变量重命名、拆解上帝函数、增强类型安全、消除 code smell 与应用设计模式。比 repo-rebuilder 更渐进；用于持续改进。

处理数据库的指南。

将应用与网站部署到 Vercel。当用户请求部署动作时使用，例如「Deploy my app」「Deploy this to production」「Create a preview deployment」「Deploy and give me the link」或「Push this live」。无需认证——返回预览 URL 与可认领的部署链接。

在 TypeScript 代码库中执行大规模重构与重命名。适用于跨文件重命名符号、模式替换、修改函数签名或全库级重构时。优先使用 AST 感知工具而非基于文本的替换

从自然语言生成 SQL 查询

使用信号提取技术对 Docker 容器进行高级日志分析。

全面的 Kubernetes 与 OpenShift 集群管理技能，覆盖运维、故障排查、清单生成、安全与 GitOps。在以下情况使用本技能：(1) 集群运维：升级、备份、节点管理、扩缩容、监控搭建；(2) 故障排查：Pod 故障、网络问题、存储问题、性能分析；(3) 创建清单：Deployment、StatefulSet、Service、Ingress、NetworkPolicy、RBAC；(4) 安全：审计、Pod Security Standards、RBAC、密钥管理、漏洞扫描；(5) GitOps：ArgoCD、Flux、Kustomize、Helm、CI/CD 流水线、渐进式交付；(6) OpenShift 特性：SCC、Route、Operator、Build、ImageStream；(7) 多云：AKS、EKS、GKE、ARO、ROSA 运维。

数据库管理与查询。连接 SQL 与 NoSQL 数据库、运行查询并管理 schema。

用于工作日志存储与语义检索的 SQLite 向量数据库。用于索引工作日志、生成嵌入、语义检索与数据库维护。

CSS 与样式方面的最佳实践。在处理样式、布局或主题时使用。

为 AI 辅助开发优化，使用 NX monorepo 搭建 TypeScript 后端项目。尽可能委托给 NX 命令，仅在万不得已时修改配置。触发词：“set up typescript backend project”“create backend project”“initialize typescript backend”“create monorepo”，或在空项目文件夹中工作时。

使用 mcporter CLI 直接列出、配置、鉴权并调用 MCP 服务器/工具（HTTP 或 stdio），包括临时服务器、配置编辑以及 CLI/类型生成。

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

DevOps Danny 的提示词：根据需求或直接提示生成自动化脚本。

根据需求生成 MCP 服务器草稿。

Python 项目的组织方式、模块架构与公共 API 设计。适用于搭建新项目、组织模块、通过 __all__ 定义公共接口，或规划目录布局。

Python 代码风格、lint、格式化、命名规范与文档标准。在编写新代码、审查风格、配置 linter、撰写 docstring 或确立项目规范时使用。

评审 API 设计、REST 约定与后端架构。当初级工程师构建 API 端点、Express 路由、中间件、控制器，或询问“这符合 RESTful 吗”“帮我检查这个端点”时使用。

设计并实现具有鲜明美学方向、可直接上线的前端界面。在需要新建或改版网页、组件或应用（HTML/CSS/JS、React、Vue 等）时使用。

面向 Designer 与 Electron 子系统的共享 TypeScript 最佳实践。

帮助用户撰写高效的规格说明与设计文档。当有人要编写技术规格、功能规格、设计文档，或向工程与设计团队传达产品需求时使用。

帮助用户撰写高效的职位描述（JD）。当有人要创建招聘公告、定义新岗位、准备招聘或为空缺职位吸引合适的候选人时使用。

帮助用户定义他们的北极星指标。当有人在选择主要成功指标、试图让团队围绕关键指标对齐、受困于指标泛滥或需要搭建度量体系时使用。

帮助用户撰写高效的 PRD（产品需求文档）。当有人需要记录产品需求、为工程准备规格说明、撰写功能简报或为团队定义要构建的内容时使用。

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

重构 Dify 前端中高复杂度的 React 组件。当 pnpm analyze-component --json 显示 complexity > 50 或 lineCount > 300、用户要求拆分代码、提取 hook 或降低复杂度、或 pnpm analyze-component 提示先重构再测试时使用；简单或结构良好的组件、第三方封装组件、或用户明确只想测试不想重构时避免使用。