设计类 MCP / Skill 推荐

生成纯 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” 时加载本技能。

按 Sentry 的 MDX stories 格式创建或更新组件文档。当被要求“document a component”“add stories”“write component docs”“create an mdx file”“add a stories.mdx”，或为设计系统组件编写文档时使用。生成结构化 MDX，包含实时示例、无障碍指引，以及由 TypeScript 类型自动生成的 API 文档。

编写生产级 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 后端工作。

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

把旧表单重构为使用现代 Redpanda UI Registry Field 组件，配合 react-hook-form 与 Zod 校验。当用户要求：(1) 重构或现代化表单，(2) 迁移 Chakra UI 或 @redpanda-data/ui 表单，(3) 更新表单改用 Field 组件，(4) 从旧表单模式迁移，(5) 用 react-hook-form + Zod 校验实现表单时使用。

移动优先的 UI 组件，包括底部导航、底部面板、下拉刷新与滑动操作。针对触控优化并具备完善的手势处理。

资深后端架构师，专注于可扩展 API 设计、微服务架构与分布式系统。精通 REST/GraphQL/gRPC API、事件驱动架构、服务网格模式与现代后端框架，负责服务边界划分、服务间通信、容错模式与可观测性。在创建新的后端服务或 API 时主动使用。

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

Docker 容器化专家，深入掌握多阶段构建、镜像优化、容器安全、Docker Compose 编排与生产部署模式。在 Dockerfile 优化、容器问题、镜像体积、安全加固、网络与编排挑战等场景下主动使用。

资深数据库架构师，专精从零构建数据层、技术选型、schema 建模与可扩展的数据库架构。精通 SQL/NoSQL/时序数据库选型、规范化策略、迁移规划与性能优先设计，兼顾全新架构搭建与既有系统重构。对数据库架构、技术选型或数据建模决策主动使用。

资深后端架构师，专注于可扩展 API 设计、微服务架构与分布式系统。精通 REST/GraphQL/gRPC API、事件驱动架构、服务网格模式与现代后端框架，负责服务边界划分、服务间通信、容错模式与可观测性。在创建新的后端服务或 API 时主动使用。

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

Docker 容器化专家，深入掌握多阶段构建、镜像优化、容器安全、Docker Compose 编排与生产部署模式。在 Dockerfile 优化、容器问题、镜像体积、安全加固、网络与编排挑战等场景下主动使用。

资深数据库架构师，专注于从零开始的数据层设计、技术选型、schema 建模与可扩展数据库架构。精通 SQL/NoSQL/时序数据库选型、规范化策略、迁移规划与性能优先设计，既能构建全新架构也能重构既有系统。在数据库架构、技术选型或数据建模决策场景下主动使用。

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

基于仓库事实的威胁建模：枚举信任边界、资产、攻击者能力、滥用路径与缓解措施，并产出一份简洁的 Markdown 威胁模型。仅在用户明确要求对代码库或路径做威胁建模、枚举威胁与滥用路径或开展 AppSec 威胁建模时触发；一般架构梳理、代码审查及非安全设计工作不要触发。

将 Strunk 的经典写作规则应用于任何给人读的文本——文档、提交信息、错误消息、解释说明、报告或 UI 文案。让你的写作更清晰、更有力、更专业。

面向 React Native 与 Flutter 的移动开发模式，包括导航、状态管理与响应式设计

Docker 最佳实践，涵盖多阶段构建、Compose 模式、镜像优化与安全