设计类 MCP / Skill 推荐

当你需要基于 POM、数据驱动测试或 BDD 等模式设计自动化测试方案时使用此技能；触发词包括 automation testing 与测试自动化策略。

在为 Web 界面设计或实现动效时使用，包括 CSS 过渡与关键帧、`linear()` 缓动设计、transform 策略（`translate`/`rotate` 与 `transform`/`translate3d()` 的取舍），以及用于路由与状态衔接的 View Transitions API 深入用法。

使用 TailwindCSS + CSS Modules 实现样式的指南。在处理组件样式、布局设计或 CSS 模式时触发。

PostgreSQL 数据库模式，涵盖查询优化、Schema 设计、索引与安全。常见模式、索引类型、数据类型与反模式检测的快速参考，基于 Supabase 最佳实践。

实现、配置和调试 React Joyride v3 引导 tours 的指南。当用户提到 joyride、引导 tour、新手引导、walkthrough、tooltip tour、分步指南、产品 tour，或希望按顺序高亮 UI 元素时使用。也在调试 tour 问题时使用，如 tooltip 不出现、找不到目标或受控模式问题。涵盖 useJoyride hook、Joyride 组件、step 配置、事件、控件、自定义组件和样式。

当用户想为 Next.js（App Router）+ TypeScript + Tailwind + shadcn/ui 项目搭建、改进或运行前端测试（单元、组件与 E2E）时使用此技能，技术栈为 Vitest/Jest、React Testing Library 与 Playwright。

代码重构目录。作为 architecture-reviewer/performance-analyst 的扩展技能，提供基于 Martin Fowler 的重构手法、代码异味的检测与重构映射、SOLID 原则违反映别以及复杂度度量标准。在涉及“重构”“代码异味”“SOLID 违反”“复杂度”“设计模式”“代码质量”等代码结构改进评审时使用。注意：直接修改代码与安全分析不在本技能范围内。

DB 设计全流程管道。由智能体团队协作完成数据建模、迁移、索引、查询优化与安全验证。任何数据库设计任务都使用此技能，如“设计数据库”“数据库建模”“表设计”“ERD”“迁移”“查询优化”“索引设计”“SQL schema”“PostgreSQL 设计”“MySQL 设计”等。对已有 schema 也支持优化与安全审计。注意：实际 DB 服务器的安装/运维、云基础设施开通和监控大盘搭建不在本技能范围内。

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

移动应用竞品分析器。通过 ADB 对 Android 移动应用进行自动化竞品分析。可导航应用、截屏、记录 UX/UI 并生成完整报告。适用场景：分析竞品应用、探索应用 UX、移动应用分析与竞品调研。

在设计后端系统、数据库、API 或服务时使用此技能。触发场景：schema 设计、数据库迁移、索引策略、分布式系统架构、微服务、缓存、消息队列、可观测性搭建、日志、指标、链路追踪、SLO/SLI 定义、性能优化、查询调优、安全加固、认证、授权、API 设计（REST、GraphQL、gRPC）、限流、分页与故障处理模式。像资深后端工程顾问一样辅助中级工程师进阶。

精通 Docker 与 Docker Compose，涵盖容器、镜像、网络、卷与调试。当用户要求“构建容器”“运行 docker”“调试容器”“编写 dockerfile”“docker compose up”“查看容器日志”“优化 docker 镜像”或进行任何容器操作时使用。

Docker 镜像构建、容器执行与调试模式，并附带安全检查清单。

一位专注 Kubernetes 基础的资深 DevOps 工程师面试官。当你希望练习 K8s 核心概念时使用该 Agent，包括 Pod、Service、Deployment、StatefulSet、ConfigMap/Secret、Ingress、HPA 与 RBAC。它会考察你在 Kubernetes 上设计、部署与排查生产工作负载的能力。

使用 Playwright 设备模拟进行移动 Web 测试，涵盖响应式测试、触摸交互、视口管理、网络限速、地理位置测试与移动端专属 UI 模式。

专业的 Next.js 性能优化技能，涵盖 Core Web Vitals、图片/字体优化、缓存策略、流式渲染、包体积优化及 Server Components 最佳实践。适用于针对 Core Web Vitals（LCP、INP、CLS）优化 Next.js 应用、使用 next/image 与 next/font、通过 unstable_cache 和 revalidateTag 配置缓存、将 Client Components 转为 Server Components、实现 Suspense 流式渲染，或分析并减小包体积。支持 Next.js 16 + React 19 模式。

分析并优化 React 组件性能问题（渲染缓慢、重渲染抖动、列表卡顿、开销大的计算）。当被要求剖析或改进某个 React 组件、减少重渲染，或加快 React 应用的 UI 更新时使用。

生成纯 CSS 艺术插画 —— 人像、风景、UI 元素以及可交互的纯 CSS 动画。

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

Dockerfile 最佳实践、多阶段构建、docker-compose、容器网络、数据卷管理与镜像优化。

从质量、可维护性与正确性角度评审代码。在审查拉取请求、评估代码改动或为实现提供反馈时使用，重点关注 API 设计、模式与可落地的反馈。

运用特定设计模式（观察者、策略、命令）与关注点分离，把游戏代码重构为模块化、组件化的架构。

现代 Web 应用的 CSS 架构：Tailwind 约定及何时打破它们、复杂组件用 CSS Modules、含容器查询与流式排版的响应式设计系统，并规避最常见的 Tailwind 陷阱。

资深 Kubernetes 架构师，专精云原生基础设施、高级 GitOps 工作流（ArgoCD/Flux）与企业级容器编排。精通 EKS/AKS/GKE、服务网格（Istio/Linkerd）、渐进式交付、多租户与平台工程，兼顾安全、可观测性、成本优化与开发者体验。在 K8s 架构设计、GitOps 落地或云原生平台设计上主动使用。

json-render 的代码生成工具。在使用 UI spec 生成代码、构建自定义代码导出器、遍历 spec 或为 @json-render/codegen 序列化 props 时使用。

面向 .NET 10 应用的 Docker 容器化。涵盖多阶段构建、.NET 容器镜像、非 root 用户配置、健康检查与 .dockerignore。在为应用做容器化、优化镜像体积、为本地开发搭建 Docker Compose，或用户提到 “Docker”“Dockerfile”“container”“docker-compose”“image”“multi-stage”“non-root”“.dockerignore”“container health check”“dotnet publish container” 时加载本技能。

编写生产级 Dockerfile、docker-compose 配置、多阶段构建以及容器优化。在提及 "Dockerfile"、"docker"、"docker-compose"、"container"、"multi-stage build"、"docker image"、"container optimization"、"docker security" 时激活。不适用于 Kubernetes 编排、云厂商容器服务（ECS、Cloud Run）或 CI/CD 流水线（应使用 github-actions-pipeline-builder）。

面向 iOS 与 Android 的完整移动应用测试策略。涵盖单元测试、UI 测试、集成测试、性能测试，以及基于 Detox、Appium 和 XCTest 的测试自动化。

通过多阶段构建、安全最佳实践和最小镜像体积创建优化的 Docker 容器。适用于应用容器化、编写 Dockerfile、优化容器镜像或搭建 Docker Compose 服务。

PostgreSQL 数据库模式，涵盖查询优化、Schema 设计、索引与安全，基于 Supabase 最佳实践。

PostgreSQL 数据库模式，涵盖查询优化、Schema 设计、索引与安全，基于 Supabase 最佳实践。

atopile 扩展 webview 的前端标准：架构、契约、设计系统与测试工作流。

使用 make debug 与热重载调试 Streamlit 前端与后端改动。在测试代码改动、排查缺陷、检查 UI 行为，或需要对运行中的应用截图时使用。

基于 Playwright 的可视化验证与浏览器自动化，支持无头或有头 Chrome。适用场景：browser、截图、调试 Web、验证 UI、排查前端、自动化浏览器、浏览网站、审查 stories、运行 stories、recipe、Web 自动化。

基于 Playwright 的可视化验证与浏览器自动化，支持无头或有头 Chrome。适用场景：browser、截图、调试 Web、验证 UI、排查前端、自动化浏览器、浏览网站、审查 stories、运行 stories、recipe、Web 自动化。

资深 Kubernetes 架构师，专精云原生基础设施、高级 GitOps 工作流（ArgoCD/Flux）与企业级容器编排。精通 EKS/AKS/GKE、服务网格（Istio/Linkerd）、渐进式交付、多租户与平台工程，兼顾安全、可观测性、成本优化与开发者体验。在 K8s 架构设计、GitOps 落地或云原生平台设计上应主动使用。

基于仓库的威胁建模：枚举信任边界、资产、攻击者能力、滥用路径与缓解措施，输出一份精炼的 Markdown 威胁模型。当用户要求对代码库或路径做威胁建模、枚举威胁或滥用路径、开展 AppSec 威胁建模时使用。不要用于通用架构综述、代码审查、安全最佳实践（用 security-best-practices）或非安全设计工作。

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

数据库开发与运维工作流，涵盖 SQL、NoSQL、数据库设计、迁移、优化与数据工程。

面向优化、Schema 设计与数据分析的 SQL 查询专家。

面向 flexbox、grid、动画、响应式设计与现代布局技术的 CSS 专家。

AI 前端专家与设计顾问：在生成任何代码前引导用户完成结构化需求探索，收集视觉参考、设计 token、字体排印、图标、布局偏好与品牌规范，让最终产出高保真贴合用户构想。当用户要求构建、设计、创建或改进任何前端界面——网站、落地页、仪表盘、组件、应用、邮件、表单、弹窗或任意 UI 元素——时使用。也响应「给我做一个 UI」「设计一个页面」「做一个组件」「改进这个布局」「让它更好看」「frontend」「interface」「redesign」，或当用户提供 mockup、截图、设计参考时触发。不用于后端逻辑、API 设计、数据库模式或非视觉代码任务。

根据新增或变更的需求更新现有实施计划文件，覆盖新功能、既有代码重构，以及包、设计、架构、基础设施升级。

将新的 Calico API 资源贯通实现到代码库的各层。在 API 设计完成后使用（参见 design-kubernetes-api 技能）。

用 linear-gradient 配合 mask-image 与 -webkit-mask-image 实现 CSS 透明度蒙版，做水平或垂直方向的边缘渐隐。适用于渐隐边缘、alpha 蒙版或 CSS 蒙版渐变。

遵循 Ousterhout 设计原则重构代码。分析复杂度、制定优先级重构计划，并以安全优先的方式执行。针对 Vite/React、Tauri/Rust、Zustand 技术栈优化。

Spring Boot 中 JPA/Hibernate 的实体设计、关联关系、查询优化、事务、审计、索引、分页与连接池模式。

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