代码审查 / GitHub MCP 推荐

从零创建或由 PowerPoint 文件转换，生成令人惊叹、动效丰富的 HTML 演示文稿。当用户想制作演示、把 PPT/PPTX 转为网页、为演讲/路演生成幻灯片时使用。

构建生产级 UI。在创建或修改用户界面、构建组件、实现布局、管理状态时使用，或当产出需要真正达到生产质量而非 AI 生成感时使用。

面向任意 React 或 React Native for Web 前端的可移植、框架无关 SEO 体系。

针对使用查询/缓存层的 React 或 React Native 应用写路径的可移植、框架无关规范。固化乐观更新的完整生命周期（取消进行中的查询 → 快照所有受影响缓存 → 立即打补丁 → 出错时原样回滚 → 完成后失效刷新……）

面向任意 React 或 React Native 应用的可移植、框架无关的现场可观测体系。

面向任意 React 或 React Native 应用网络边缘类型安全的可移植、框架无关规范。

适用于任意 React 或 React Native 前端的可移植、框架无关的架构风格。将应用组织为功能模块（页面/屏幕目录），严格区分服务端状态与 UI 状态，跨模块仅通过 barrel 导入，样式与组件同置，并制定清晰的组件晋升规则。

前端设计的机械化实现不变量：令牌架构、排版层级、加载顺序、FOUT 预防、界面稳定性、动效时长、色彩语义。构建组件、页面或设计系统时与 design 配合使用。（美学方向见……）

UX/可用性审计——针对可交互 UI 的启发式评估（不只是视觉打磨）。当某个 UI“感觉不对”“用起来难受”、学习成本高、需要一堵说明墙，或在交付交互工具/编辑器/应用前，与 design 一同加载。

为前端设计提供方向与意图。与 design 技能配合，用于定义目的、基调、领域、色彩世界和审查标准；借鉴电影、建筑、营销、UX、汽车与工业设计等跨领域视角。

设计——空间构图

面向前端的视觉哲学与艺术指导。在创作高概念作品、营销活动页，或用户提出视觉哲学、宣言式主张、如艺术品般过目不忘的美学时使用。

加固代码以抵御漏洞。在处理用户输入、认证、数据存储或外部集成时使用；在构建任何接受不可信数据、管理用户会话或对接第三方服务的功能时使用。

为任意 REST API 生成客户端 SDK 代码、API 封装库、请求/响应模型及语言专属的使用模式。当用户要求“生成 SDK”“编写客户端库”“创建 API 封装”“从我的 API 生成 TypeScript 类型”“写一个 Python……”时使用。

通过优化开发者上手旅程的每一步，缩短首次 API 调用耗时（TTFAC）。涵盖认证简化、沙箱环境、交互式文档，以及识别并消除常见失败点。触发词：“API……”

设计事件驱动架构、webhook 系统、API 串联流程、ETL 管道以及服务间集成模式。当用户询问 webhook、事件流、API 组合、连接多个 API、搭建管道、Pub/Sub、Kafka 主题、ETL 等时使用。

针对用户描述的任何系统或领域，生成完整、可直接投产的 REST API 端点规范。当用户询问 API 设计、API 端点、REST API、API URL，或说“某功能需要哪些端点……”“为……设计一个 API”时使用。

指导稳定的 API 与接口设计。在设计 API、模块边界或任何公开接口时使用；在创建 REST 或 GraphQL 端点、定义模块间类型契约、确立前后端边界时使用。

依据提供的输入（方法、URL、请求头、请求体、认证、查询参数）校验 API 请求是否正确。当用户想检查、校验、调试或验证一次 API 调用时使用本技能——包括粘贴 curl 命令、给出接口细节或追问某个请求时。

使用 EAS 将 Expo 应用部署到生产环境——构建并提交到 iOS App Store、Google Play Store 与 TestFlight，配置 eas.json 的 build 与 submit profile，管理应用版本与构建号，发布 App Store 元数据与 ASO，并通过 EAS 部署 Web bundle 与 API 路由等。

当涉及大型律所公司并购业务中自动化监控（Automation Monitoring）问题时：核查期限、形式、管辖责任、法律途径与即时措施；给出期限与风险红黄绿灯及立即行动步骤。

当涉及公司法律师事务所中自动化与监控问题时：拆解结论、期限、管辖责任、举证责任与对立立场；给出举证责任与事实具体化矩阵。选择关键词：Automation Monitoring；工作领域：公司法律师事务所。

当涉及公司法律师事务所中自动化与监控问题时：拆解结论、期限、管辖责任、举证责任与对立立场；给出举证责任与事实具体化矩阵。选择关键词：Automation Monitoring Billing Narratives；工作领域：公司法律师事务所。

当涉及中型企业公司并购业务中自动化与监控问题时：核查期限、形式、管辖责任、法律途径与即时措施；给出期限与风险红黄绿灯及立即行动步骤。

当涉及大型律所公司并购业务中自动化与监控（Corporate M&A）问题时：核查期限、形式、管辖责任、法律途径与即时措施；给出期限与风险红黄绿灯及立即行动步骤。

当涉及机器人法中移动机器人（AMR/AGV）问题时：梳理案件事实、适用法条、举证责任、反驳观点与下一步；直接产出包含检查点、风险与下一步的可用工作成果。

当涉及自由职业者实务中办公日常与工具（检查笔记本电脑）问题时：核查期限、形式、管辖责任、法律途径与即时措施；给出期限与风险红黄绿灯及立即行动步骤。

当涉及内部调查实务中内部调查里的移动设备取证问题时：梳理案件事实、适用法条、举证责任、反驳观点与下一步；直接产出包含检查点、风险与下一步的可用工作成果。

当涉及租赁法实务中移动办公设备（笔记本、平板、智能手机）租赁问题时：核查期限、形式、管辖责任、法律途径与即时措施；给出期限与风险红黄绿灯及立即行动步骤。

当涉及机器人法中的移动机器人（AMR/AGV）问题时：核查期限、形式、管辖责任、法律途径与即时措施；给出期限与风险红黄绿灯及立即行动步骤。

当涉及 NIS-2、网络安全与 IT 安全合规中的移动设备丢失问题时：核查期限、形式、管辖责任、法律途径与即时措施；给出期限与风险红黄绿灯及立即行动步骤。

本 monorepo 的测试实践——在单元与端到端测试之间取舍、测试文件位置、tsconfig.test.json 的角色、如何驱动 Playwright、如何编写/适配 UI/端到端测试，以及该用哪个测试运行器（vitest 还是 jest）。当用户要求添加、编写或扩展测试、补充覆盖率、创建测试文件、在新包里搭建测试、提到 vitest/jest，或引用既有 *.test.ts 文件时，必须先调用本技能再做任何代码搜索或文件读取。同等适用于单元测试与端到端/UI 测试——后者会路由到 Playwright-MCP 优先的探索流程，与常规代码搜索工作流不同。

在编写、修复或评审 Python pytest 单元测试、fixture、mock，或处理测试 PR 反馈时使用。

从自然语言生成 SQL 查询语句（支持 MySQL/Doris/ClickHouse/PostgreSQL）。

当 config_manager 通过自动化工具创建或更新 Denova 自动化任务 JSON 时使用。

运用具名重构变换改进代码结构而不改变行为。当用户提到“重构这段代码”“代码坏味道”“提取方法”“替换条件”“技术债”“下移方法”“内联变量”“分解条件”或“清理这段烂代码”时使用。也在整理遗留代码、为新增功能重组代码、或判断哪种变换对应某种代码坏味道时触发。覆盖坏味道驱动重构、安全变换序列与测试保障。代码质量基础参见 clean-code；复杂度管理参见 software-design-philosophy

审计并修复 Web UI 中的视觉层次、间距、配色与层次感。当用户提到“我的 UI 看起来不对劲”（或业余/不专业）、“修复设计”、“Tailwind 样式”、“色板”、“视觉层次”、“设计系统”、“间距标度”或“组件样式”时使用。也在构建一致的设计令牌、创建深色主题、提升数据可视化清晰度或上线前打磨 UI 细节时触发。覆盖灰度优先工作流、受约束的设计标度、阴影与组件样式。字体选择参见 web-typography；可用性审计参见 ux-heuristics

解释、推导并调试 CSS 度量数学：单位、calc()、min()、max()、clamp()、自定义属性、继承、em/rem 缩放、百分比、视口单位与盒模型公式。用于 CSS 尺寸计算异常、单位混用、构建可扩展的间距/字号体系，或审查盒尺寸与继承值。

推导并调试 CSS Grid 布局数学：网格坐标、线定位、跨占、负索引、fr 单位、minmax()、fit-content()、repeat()、auto-fill 与 auto-fit。用于构建网格系统、解释轨道尺寸、排查 fr 分配、按线号放置元素，或将布局草图转换为 CSS Grid 公式。

将 Docker Compose 文件或安装文档转换为生产级 Sealos 模板。当用户已有 docker-compose.yml 并希望得到 Sealos 或 Kubernetes 模板、想从 Docker Compose 迁移到 Sealos、需要把容器编排配置转换为 Sealos 格式，或提到 compose 转模板时使用。也由 “/docker-to-sealos” 触发。

为混乱代码规划一次安全、渐进、不改变行为的重构。当代码需要重组、难以修改、结构纠缠，或你想在添加新功能前先清理它时使用。产出一个由多个保持行为的小步骤组成的有序计划、需要先行搭建的安全网（测试/特征测试）以及目标结构——把重构做成一连串绿灯提交，而不是高风险的推倒重写。

openzeppelin-contracts 的 API 设计规则。在 contracts/ 下新增、修改或审查任何合约时使用。涵盖 virtual、memory 与 calldata 的选择、public 与 external 的取舍、重载、空操作与 revert 的区别、_update 单一 override 模式、内部与外部接口拆分、_msgSender 以及 override 扩展点。

openzeppelin-contracts 的测试约定。在编写或修改测试、mock 或形式化验证规范时使用。涵盖 hardhat-exposed 的 $ 包装器、何时才应手写 mock、Hardhat 加 Chai 的模式（loadFixture、shouldBehaveLike、多目标循环）、Foundry 模糊测试、Halmos 符号执行、Certora 基于规则的验证以及 changeset 规则。

Kubernetes 集群攻击与红队，涵盖 RBAC 滥用、Pod 逃逸（特权 Pod、hostPath、capabilities、hostPID/hostIPC、容器运行时 socket、内核 CVE）、kubelet API 滥用（10250/10255）、etcd 直连、ServiceAccount 令牌窃取（传统与投影令牌）、RBAC 提权链、云托管 K8s（EKS/GKE/AKS）横向移动，以及 kubectl 插件生态（peirates、CDK、kube-hunter、BOtB、kubeletctl、kubescape、stratus-red-team、kubernetes-goat）。

通过驱动内置浏览器从实站提取完整品牌套件。当品牌提取项目带着浏览器标签中的站点打开，或用户要求「提取品牌」「拉取 <url> 的品牌」「从这个站点获取配色/字体/Logo」，或基于参考网站构建品牌/设计系统时使用。与 agent-browser 工具配合测量，并在反爬墙拦截页面时暂停等待用户处理。

为 SkiaSharp 撰写并评审 XML API 文档（docs 子模块中的 ECMA/mdoc XML）。两种模式：(1) 新增：为含“To be added.”占位符的新 API 写文档；(2) 评审：按范围检查现有文档的准确性、时效性、示例与卫生。触发语：“document class”“add XML docs”“write XML documentation”“fill in missing docs”“remove To be added placeholders”“review documentation”“check docs for errors”“fix doc issues”“audit the docs”“review the font docs”“are the examples correct”“update out-of-date docs”，以及任何对 SkiaSharp API 文档做新增、校验、修正或扩充的请求。

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

在 docs/content/guides/ 下创建或编辑文档页面时使用——涵盖 YAML frontmatter、页面结构、框架特定的示例嵌入、写作风格与侧边栏注册。