设计类 MCP / Skill 推荐

受 GAN 启发的生成器-评估器代理运行框架，用于自主构建高质量应用。基于 Anthropic 2026 年 3 月的运行框架设计论文。适用于让某个功能在生成器与评估器的迭代中自主构建，直到越过质量标准。

Spring Boot 中 JPA/Hibernate 的实体设计、关联关系、查询优化、事务、审计、索引、分页与连接池模式。在设计 JPA 实体或关联关系，或需要修复 Hibernate 查询、事务、N+1 问题时使用。

PostgreSQL 数据库模式，涵盖查询优化、Schema 设计、索引与安全，基于 Supabase 最佳实践。适用于设计 PostgreSQL Schema、索引或 RLS 策略，或查询过慢时。

Quarkus 3.x LTS 架构模式，使用 Camel 处理消息、RESTful API 设计、CDI 服务、Panache 数据访问与异步处理。适用于采用事件驱动架构的 Java Quarkus 后端工作，尤其涉及 Camel 消息或 Panache 数据访问时。

Spring Boot 架构模式、REST API 设计、分层服务、数据访问、缓存、异步处理与日志记录，用于 Java Spring Boot 后端工作。适用于构建或审查 Spring Boot 后端——REST 层、服务、数据访问、缓存或异步处理。

Django 架构模式、基于 DRF 的 REST API 设计、ORM 最佳实践、缓存、信号、中间件，以及生产级 Django 应用。适用于构建或审查 Django 应用、DRF API、ORM 查询或缓存。

针对 Windows 原生桌面应用（WPF、WinForms、Win32/MFC、Qt）的 E2E 测试，使用 pywinauto 和 Windows UI Automation。适用于使用 pywinauto 或 UI Automation 为 Windows 原生桌面应用编写 E2E 测试。

面向 TypeScript 后端的 Prisma ORM 模式——表结构设计、查询优化、事务、分页，以及若干关键陷阱：updateMany 返回的是 count 而非记录、$transaction 超时、migrate dev 重置数据库、批量写入跳过 @updatedAt、Serverless 下连接池耗尽。当编写 Prisma 表结构或查询，或调试事务、迁移与 Serverless 连接限制时使用。

面向 React/Next.js 的生产级动画模式——按钮、弹窗、Toast、交错动画、页面过渡、退出动画、滚动与布局动画——基于 motion-foundations 的令牌与弹簧配置构建。当为 React 或 Next.js 中的具体 UI 元素添加动画时使用，如按钮、弹窗、Toast、交错动画、页面过渡或滚动。

面向 Node.js、Express 和 Next.js API 路由的后端架构模式、API 设计、数据库优化与服务端最佳实践。当构建或审阅 Node.js、Express、Next.js 的 API 路由及其数据访问时使用。

面向 React、Next.js 的前端开发模式，涵盖状态管理、性能优化与 UI 最佳实践。当构建或审阅 React、Next.js 的组件、状态或渲染性能时使用。

通过预认证的 CLI 或 SDK 部署并运维厂商中立的 Kortix Apps。当用户要求发布、托管、部署、预览、检视、唤醒、暂停、回滚、调试或移除 HTML/CSS/JavaScript、静态 SPA、Vite 或 React 源码、Next.js、Dockerfile 服务或 OCI 镜像至稳定的 Kortix URL 时使用。

在 monorepo 内正确使用 React Hook Form——数据流、订阅、reset、脏状态、数字输入以及受控输入规则。在编写或修改任何表单代码、给已有表单加字段、使用 watch/useWatch/formState/getValues/setValue/reset、把表单接入 dialog 或 sheet、或实现提交/取消底栏之前先加载本 skill，即使改动看起来很简单。仓库中普遍存在 RHF 反模式，不加载本 skill 会照抄它们。表单布局与选用组件请再加载 studio-ui-patterns。

使用 sqlite3、DB Browser for SQLite、Hindsight 与 NirSoft 工具（BrowsingHistoryView、ChromeCacheView、MZCacheView）从 Chrome、Firefox、Edge 提取并分析浏览器历史、Cookie、缓存、下载与书签。适用于对磁盘镜像或在线系统做数字取证/事件响应，需要用户网页活动时间线证据时。

针对 OWASP API3:2023（数据过度暴露）测试 API：拦截原始 API 响应并与 UI 实际渲染的内容比对，找出前端过滤掉但 API 仍在传输的 PII、内部标识、调试数据或业务敏感字段。适用于审计 REST 或移动应用 API 的过度取数、响应过滤绕过或端点响应中的非预期数据泄露。

配置安全的 OAuth 2.0 授权流程，包括带 PKCE 的 Authorization Code、Client Credentials 与 Device Authorization Grant，涵盖流程选型、PKCE 实现、token 生命周期管理与按 OAuth 2.1 设计 scope。适用于为 Web、移动、SPA 或机器对机器客户端实现或加固 OAuth 2.0 认证/授权。

检测并防御 QR 码钓鱼（quishing）——攻击者把恶意 URL 藏进 QR 码图片绕过基于链接的邮件安全——使用图片威胁检测、OCR/QR 解码及移动端扫描手段（Microsoft Defender for O365、Proofpoint TAP、Barracuda Multimodal AI）。适用于针对 QR 钓鱼配置网关规则，或调查含可疑 QR 码的邮件。

加固 EKS、AKS、GKE 上的托管 Kubernetes 集群：实施 Pod Security Standards、网络策略、workload identity（EKS 用 IRSA、GKE 用 Workload Identity、AKS 用 Managed Identities）、RBAC 范围限定、镜像准入控制与运行时安全监控。适用于按安全要求部署新的托管 Kubernetes 集群，或在审计/渗透测试发现后加固现有 EKS、AKS、GKE 集群。

修改或调试 Hermes Docker 镜像中的 s6 服务。

Add JavaScript behavior to a Bootstrap 6 component. Use when writing a component's TypeScript source, extending BaseComponent, wiring the data API, adding events or config options, or integrating Floating UI or a third-party library.

编写能在 PostHog 沙箱中良好运行的 Streamlit 应用源码——用于读取 PostHog 数据的 posthog_apps.query() 桥、沙箱镜像内置的包、跨 Streamlit 重跑的缓存与会话状态、布局与图表模式，以及单文件 app.py 结构。在撰写或调试 PostHog Streamlit 应用的 Python 源码、应用内查询失败，或被要求“写一个展示 PostHog 数据的 streamlit 应用”时使用。

提供可交互的代码库知识图谱 Web UI。

只要代码会构建、返回、拉取或执行针对用户真实 Postgres 数据库的 SQL，就使用本 skill——即使需求读起来像普通功能或 bug 修复，完全没提“security”“injection”或“SafeSqlFragment”。覆盖：编写或修改任何构造/返回数据库对象（表、视图、函数、DB 触发器、索引、RLS 策略）SQL 的 pg-meta 函数、查询构造器或接口；把 schema/表/列/搜索词/路由参数插入 SQL 文本；存储、读取或重跑从数据库往返的 SQL（策略定义、函数/视图定义、片段保存内容）；以及任何把 SQL 发到项目库的 Run/Apply/Execute 动作（SQL 编辑器执行选中、策略编辑器应用、片段执行器）。在动手写这类代码前就要加载，不要只在评审成品 diff 时才用。仅在改动完全不涉及 SQL 文本或执行时跳过——样式、无关的数据 hook、非 SQL 表单校验或 UI 布局工作。

用于运行任意 go-redis 测试——完整套件、单个测试或过滤/聚焦的子集（例如仅 cluster、sentinel 或 pool 规格）；拉起或拆除 Docker 测试栈；e2e 维护通知套件（含无代理逻辑测试）；构建或格式化；或设置驱动测试镜像与版本门控的 REDIS_VERSION / RE_CLUSTER / REDIS_PORT 开关。涵盖如何聚焦某个 Ginkgo 规格以及如何运行普通 go 测试。

在新增或编辑会向镜像仓库推送容器镜像（经 build-push-action 推 ECR/ghcr/Docker Hub）或触发生产部署（向 PostHog/charts 发起 `commit_state_update` repository_dispatch）的 GitHub Actions 工作流时使用。这类工作流从单一权威部署仓库运行，并由 CD_DEPLOY_ENABLED 变量把关。不适用于发布 GitHub Release、npm、crate 或 Homebrew 的工作流——那些留在公开仓库。

在 Actual Budget 仓库中新增、更新、重新生成、运行或调试视觉回归测试（VRT）与截图测试时一律使用。包括诸如新增一个 VRT、添加截图测试、更新快照、重新生成 VRT 截图、VRT 失败了、yarn vrt、vrt:docker 或 /update-vrt 之类的请求，以及任何需要为 UI 改动补截图覆盖的情况。VRT 快照必须在 Linux docker 镜像内生成（绝不能在宿主机上），且快照更新必须只限定于改动的测试——这两点任一搞错，都会产出让 CI 忽略的快照或重写仓库里的全部截图。

为本项目补全并维护前端 i18n 翻译。覆盖查找缺失的翻译键、检测未翻译条目，并为所有支持的 locale（en、zh、zh-TW、fr、ja、ru、vi）添加翻译。凡涉及前端 locale 文件、缺失翻译键、未翻译 UI 文本、`t(...)` 键、`useTranslation()`、静态 i18n 键、按钮/标签/toast/dialog/placeholder/校验文案，或哪怕只是补一个 i18n 键的任务都适用。当审查结论提到缺失 i18n、新 UI 文本需要翻译，或用户要求添加翻译、修复 i18n、补全翻译时使用。翻译、添加 locale 键或编辑前端 i18n 文件前必须先加载并遵循本技能。

使用仓库配置的 XcodeBuildMCP 服务器构建、启动、检视并驱动 iOS 应用。在 macOS 上用于 iOS 模拟器构建、聚焦的原生测试运行、语义化 UI 自动化、截图、日志或调试，包括 T3 Code Mobile 验证。

编排 Open Notebook 的一次发布——变更日志核查、基于风险的 A/B/C 测试矩阵、Docker 镜像门禁（全新安装＋升级）、经 PR 的修复循环、版本切分、带署名的发布，以及回顾。在准备、测试、切分或发布版本时使用。

部署后使用浏览器自动化进行可视化测试与 UI 交互验证。

在任意 Docker 主机上以 Docker compose 栈（server + Postgres）运行 Omnigent 服务器——笔记本、VPS、手动操作的 EC2，或作为任何容器平台部署的底层。当用户要构建镜像、拉起 compose 栈、调试已有主机上的栈，或为新平台扩展该栈时调用。

UI 测试配方——组合 browser-record(捕获)与 browser-replay(验证),使每次测试都产出可重放的 RVF 产物,而非一次性运行。

调试本地 PostHog 任务运行的输出——向导云运行路径：在本地 Temporal `process-task` 工作流下于 Docker 沙箱中执行（先由向导集成 PostHog，再由编码代理提交并开 PR）。当本地运行卡住、失败或无输出，或需要读取向导/代理日志时使用。涵盖本地跑云运行所需的 `.env.local` 键与 `ai_features` intent、查找任务 UUID（docker ps、temporal CLI、localhost:8081 的 Temporal UI）、在沙箱容器内实时跟踪日志（`/tmp/posthog-wizard.log`、`/tmp/agent-server.log`），以及沙箱销毁后从对象存储读取按运行持久化的控制台日志。触发词：task-sandbox、run_wizard、agent-server、process-task、SANDBOX_PROVIDER、LLM_GATEWAY、cloud_run、posthog-wizard.log。

以 TTL、淘汰策略与延迟感知的键设计优化 Redis 作为缓存与协调基础设施。用于实现 Redis 缓存、键失效或 Redis 性能相关工作。

为数据变更、表单与乐观 UI 实现安全的 Next.js Server Actions。用于构建 action、表单流程、鉴权检查或写后重新验证。

为 Next.js 性能与 Core Web Vitals 优化图片、字体、脚本与元数据。用于配置 next/image 改善 LCP、用 next/font 消除布局偏移、设置 next/script 加载策略，或用 generateMetadata 做 SEO。

确保 UI 功能在桌面与移动端保持一致、响应式行为，并具备移动端 Playwright E2E 覆盖。在实现、规划、审查或测试任何新功能、页面、组件、工作流、表单、对话框、侧边栏、导航、仪表盘或可视化 UI 变更时使用；只要涉及前端或用户可见 UI，即使用户只提到桌面或只说“新功能”，此技能也必须运行。

针对具备通过基线与充分保留证据的代码的重构评估与行为保持模式。当用户要求清理、简化或重构选定区域，以及在变异测试或经评审的对等替代证据确立 REFACTOR 步骤信心之后使用。涵盖重构前先提交的纪律、重构何时增值何时应跳过、以及优先级分类。对于选定全路径简化工程中的任何切片——过渡态或终态——以 reduce-system-complexity 为主导技能；适用时重构可作为次要技能。仓库级架构探索用 improve-codebase-architecture；模块契约用 codebase-design。证据不足或新增行为的代码请勿使用。

前端/Web UI/UX/视觉类工作必须使用：构建、样式设计、页面或组件重设计、React 环境搭建、性能审计、视觉 QA、品味与打磨。内含四套规则：design taste 路由器与品牌参考；perfection（Playwright/Chromium、Lighthouse、Core Web Vitals）；ui-ux-db 配色/字体/规范；designpowers 用户画像/无障碍/评审/交付；以及仅用 curl 的 lazyweb 真实应用截屏研究，用于确定设计方向。触发词：frontend、UI、UX、design、redesign、styling、layout、animation、motion、premium、luxury、minimal、brutalist、Awwwards、DESIGN.md、mockup、React、Lighthouse、accessibility、WCAG、Core Web Vitals、looks generic、make it pretty、like X brand、lazyweb、design research。

worktrunk 的 CLI 输出格式化标准。在修改任何调用 warning_message、hint_message、error_message、info_message、eprintln、println 的代码，或产出用户可见字符串（CLI 帮助、进度 UI、快照文本）之前加载。记录 ANSI 颜色嵌套规则、消息模式与输出系统架构。

数据库专家，覆盖 PostgreSQL、MongoDB、Redis、Oracle 和云数据库平台（Neon、Supabase、Firestore）。用于 schema 设计、查询优化、索引策略、数据建模或云数据库选型。已并入来自 moai-platform-database-cloud 的云厂商指南。

当开发者要为 Opik 的某个功能、页面或分支添加、编写或创建端到端测试时使用——例如「为实验对比页添加 e2e 测试」「为刚做的功能写测试」「这个分支的 e2e 测试」「给数据集条目流程加测试」。在 tests_end_to_end/e2e/ 中跑完整个循环——分析功能与前端代码、用 Playwright MCP 探索真实 UI、编写 Page Object Model + spec，并在本地运行直到通过。

重构 Langfuse 前端代码中可避免的 useEffect 用法。适用于：新增、评审或删除 effect；用查询数据初始化表单或本地 UI 状态；同步客户端与服务端状态；把 mutation 或异步工作流移出组件；清理某个前端子模块的全部 effect；或评审某个 effect 是否有合理的外部系统职责。

在构建、修改或重构 Langfuse 大型前端特性时使用：虚拟列表、大表格、controller 组件、特性局部状态、Zustand store、行选择、高频 UI 状态以及渲染性能问题。在编写任何 useEffect（尤其是把拉取到的数据同步进 state 的那种）、把已加载数据接入表单 initialValues/defaultValues、或添加 useCallback/useMemo 之前也应先阅读。

后端开发专家，覆盖 API 设计、数据库集成、微服务架构和现代后端模式。在设计 API、实现服务端逻辑、认证或授权时使用。

使用 PilotDeck 的 browser-use 插件完成浏览器自动化、截图、表单填写与 Web UI 检查。

理解并探索 Omi Flutter 移动应用的 UI 流程、导航模式与 widget 架构。在 app/lib/ 下的 Dart 文件中开发功能、修复缺陷或验证变更时使用。提供 agent-flutter 命令以探索运行中的应用、理解页面衔接方式并验证你的工作。

在 APM CLI 代码库中创建新模块、重构类层次、引入设计模式，或进行横跨 3 个以上文件的改动时启用。