设计类 MCP / Skill 推荐

为 schema 变更编写安全、零停机的数据库迁移计划。当需要规划数据库迁移、设计零停机 schema 变更、记录 expand/contract（扩展/收缩）式迁移、为数据库变更给出回滚流程，或把 schema 更新与部署协同编排时使用。产出结构化迁移计划，涵盖迁移目标、向后兼容性分析、扩展/收缩阶段拆分、精确 SQL、每阶段回滚步骤、数据校验查询和部署运行手册。

为 schema 变更编写安全、零停机的数据库迁移计划。当需要规划数据库迁移、设计零停机 schema 变更、记录 expand/contract（扩展/收缩）式迁移、为数据库变更给出回滚流程，或把 schema 更新与部署协同编排时使用。产出结构化迁移计划，涵盖迁移目标、向后兼容性分析、扩展/收缩阶段拆分、精确 SQL、每阶段回滚步骤、数据校验查询和部署运行手册。

Langfuse 的安全审查模式。当改动涉及接受用户提供的 URL、host/endpoint/baseURL 字段、密钥、跨租户数据、新的出站 HTTP 请求、新的集成（webhook、对象存储、LLM 连接、图片代理）、跟随重定向的行为或新的鉴权/权限范围时，在代码审查、设计或规划阶段使用。目前覆盖 SSRF 与出站 URL 校验，并有意扩展到其他反复出现的安全问题（租户隔离、密钥处理、重定向处理不当、文件上传、RBAC 权限范围漂移）。

用于 Laravel MCP 开发。在 Laravel 项目中创建或编辑 MCP 工具、资源、提示词、服务器或 UI 应用时触发。涵盖：artisan make:mcp-* 生成器、routes/ai.php、Tool/Resource/Prompt/AppResource 类、schema 校验、shouldRegister()、OAuth 配置、URI 模板、只读属性、MCP 调试、MCP UI 应用、x-mcp::app Blade 组件、createMcpApp()、默认 AppResource handle() 从类名自动推断视图、Response::view()、AppMeta/Csp/Permissions/appMeta() 配置、#[RendersApp] 属性、用于 CDN 库（Tailwind、Alpine）的 Library 枚举，以及通过 CSS 变量应用宿主主题。只要用户提到 MCP 应用、MCP UI、交互式 MCP 资源、用 Tailwind 或 Alpine 为 MCP 应用定样，或为 AI Agent 构建可视化界面，就使用本技能

创建专业级 CSS 动画、过渡、微交互与复杂动效设计。在添加动画、悬停效果、加载状态、页面过渡、滚动动画或任何动效设计工作时使用。

基于 Zapier、Make 与 n8n 的工作流自动化设计，涵盖触发-动作架构、多步自动化流程、错误处理策略、个人与商业自动化模式、ROI 计算，以及常用自动化配方库。当用户询问 automation architect、相关技术、最佳实践，或需要该领域指导时使用。当请求超出 automation architect 范围或需要其他专项技能时请勿使用。

高级 CSS 专长，涵盖 Grid 与 Flexbox 精通、自定义属性架构、响应式设计方法论、CSS 方法论选型、动画性能、容器查询、层叠层级（cascade layers）与优先级管理。当用户询问 css master、css master 最佳实践，或需要 css master 实施指导时使用。当用户需要其他专项技能或涉及无关技术领域时请勿使用。

专业移动应用测试，涵盖单元测试（XCTest、JUnit）、UI 测试（Espresso、XCUITest、Detox）、截图测试、设备农场测试、性能测试、网络状况模拟、无障碍测试与崩溃报告。当用户询问 mobile testing、mobile testing 最佳实践，或需要 mobile testing 实施指导时使用。当用户需要其他专项技能或涉及无关技术领域时请勿使用。

专业移动分析，涵盖归因追踪、漏斗分析、崩溃报告集成、A/B 测试框架、留存与同期群分析、事件分类体系设计、符合隐私规范的数据采集、实时看板，以及面向 iOS 与 Android 应用的可执行指标策略。当用户询问 mobile analytics、mobile analytics 最佳实践，或需要 mobile analytics 实施指导时使用。当用户需要其他专项技能或涉及无关技术领域时请勿使用。

化身为资深后端架构师，设计可扩展、高可用的服务端系统，明确 API 契约、合理的模型与有据可查的取舍。当用户需要系统设计、数据库架构、API 契约定义、缓存策略或后端技术选型时使用。编写前端 UI 组件、CSS，或对现有 PR 做代码评审时请勿使用。

Kubernetes 编排。Pod 设计模式、Deployment/StatefulSet/DaemonSet、Service 类型、Ingress 配置、ConfigMap/Secret、RBAC、HPA/VPA、资源限制、Helm chart、Kustomize、Pod 故障排查。当用户询问 kubernetes operator、kubernetes operator 最佳实践，或需要 kubernetes operator 实施指导时使用。当用户需要其他专项技能或涉及无关技术领域时请勿使用。

Docker 容器化专家。多阶段构建、层缓存、安全（非 root、distroless）、docker-compose 模式、健康检查、网络、数据卷管理、镜像仓库管理、镜像扫描与 Dockerfile 优化。当用户询问 docker engineer、docker engineer 最佳实践，或需要 docker engineer 实施指导时使用。当用户需要其他专项技能或涉及无关技术领域时请勿使用。

数据库 schema 设计专长，涵盖规范化与反规范化策略、索引、查询优化、分区、连接池、迁移管理、多租户模式与只读副本。当用户询问 database architect、database architect 最佳实践，或需要 database architect 实施指导时使用。当用户需要其他专项技能或涉及无关技术领域时请勿使用。

指导使用 Zod 进行 TypeScript 运行时类型校验：schema 设计、品牌类型、类型守卫、应用边界处的运行时校验，以及 parse-not-validate 模式。当用户询问 Zod schema、运行时校验、品牌类型、类型守卫、parse-not-validate 或 API 边界校验时使用。当用户询问 TypeScript 类型系统特性（用 typescript-type-patterns）、项目配置（用 typescript-project-setup）或测试（用 javascript-testing-patterns）时请勿使用。

Next.js 架构专长，涵盖 App Router 模式、服务端与客户端组件、基于 Server Actions 的数据获取、中间件、路由处理器、ISR、流式 SSR、图片优化、并行路由与拦截路由。当用户询问 nextjs architect、nextjs architect 最佳实践，或需要 nextjs architect 实施指导时使用。当用户需要其他专项技能或涉及无关技术领域时请勿使用。

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

面向 React、Next.js 的前端开发模式，涵盖状态管理、性能优化与 UI 最佳实践。

在 Swift 中使用 actor 实现线程安全的数据持久化——内存缓存配合文件存储，从设计上消除数据竞争。

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

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

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

面向 React、Next.js 的前端开发模式，涵盖状态管理、性能优化与 UI 最佳实践。

面向 React、Next.js 的前端开发模式，涵盖状态管理、性能优化与 UI 最佳实践。

React、Next.js、状态管理、性能优化和UI最佳实践的前端开发模式。

面向 React、Next.js 的前端开发模式，涵盖状态管理、性能优化与 UI 最佳实践。

面向 React、Next.js 的前端开发模式，涵盖状态管理、性能优化与 UI 最佳实践。

作为 ClientApp 中 Svelte 5 应用的前端统一入口 skill——新增路由、创建功能切片、编写 Svelte 组件、遵循 TypeScript 约定、复用共享 UI/格式化组件、处理无障碍，或编写前端测试。旧版 Angular 应用（ClientApp.angular）仍支撑当前站点的绝大部分页面，但除用户明确要求改动 Angular 或遗留 UI 外，新的前端开发一律只做 Svelte UI。

将 PDF 转换为单个自包含、可读性好的 HTML 文件，保留图片、表格、图表和阅读顺序——还可选择翻译为另一种语言同时保留全部图形。使用结构化抽取（PyMuPDF）、基于字号的版式推断、压缩的 base64 内联图片（单一可携带文件），以及强制的无头 Chrome 视觉校验。当有人想把 PDF 作为网页或干净文档来阅读、把 PDF 转成 HTML，或在保留图/表/图表的前提下翻译 PDF 时使用——例如“PDF 转 HTML”“把这个 PDF 转成中文网页版”“让这份报告变得可读”“翻译这份 PDF 但别丢图表”“我只想在手机上读这份 PDF”。与 doc-to-markdown（纯 Markdown 文本）和 pdf-creator（Markdown→PDF）不同——本技能产出带样式、忠实还原图片的 HTML 阅读体验。

通过 cursor-ide-browser（Cursor 浏览器标签页）检查 UI；若内置浏览器 MCP 不可用则回退到 user-playwright。适用于 @Browser、打开标签页、布局检查、localhost——或用户明确点名 Playwright 时。

基于 CDP 的本地 OpenWork Electron 浏览器自动化。适用于驱动本地 Electron 开发应用、browser_list、browser_snapshot、browser_eval、composer 自动化或本地 UI 冒烟测试。

以只读方式委托 cursor-agent（Composer）回答问题、排查代码、讨论设计方案并做对抗性校验。不建 worktree、不做 cherry-pick、也不评审 Lead 的 diff——cursor-agent 锁定在 ask 模式，无法写入。当用户说：问 cursor、让 cursor 校验一下、要第二意见、对抗式评审、设计讨论、用 cursor 排查、cursor:ask 时使用。不要用于：编码实现、重构、修改文件、提交/推送等需要写权限的工作（请改用 cursor:do 或 breezing --cursor）。

把问题咨询、调研、设计讨论与对抗性 sanity check 只读地委派给 cursor-agent（Composer）。不开 worktree、不 cherry-pick、不评审 Lead diff——cursor-agent 锁定在 ask 模式，无法写入。当用户说：ask cursor、cursor sanity check、要第二意见、对抗性评审、设计讨论、用 cursor 调研、cursor:ask 时使用。不要为实现、重构、文件编辑、commit/push 或任何需要写权限的操作加载（改用 cursor:do 或 breezing --cursor）。

实现 MCP Apps 的核心架构模式：Tool 通过 _meta.ui.resourceUri 声明对已注册 Resource 的引用。涵盖 registerAppTool、registerAppResource、文本回退、structuredContent 与仅 app 辅助工具

将 MCP App UI 与宿主主题系统集成。应用宿主 CSS 变量、处理 onhostcontextchanged、安全区 inset、显示模式检测与全屏配置

API 设计原则与决策。REST vs GraphQL vs tRPC 选型、响应格式、版本管理、分页。

Opentrons monorepo 的 CSS Modules 约定、Stylelint 规则、设计令牌（间距、颜色、排版、圆角）与模式。在 app/、components/、protocol-visualization/、protocol-designer/ 或其他 JS 包中处理 .module.css 文件或为 React 组件写样式时使用。

从功能分支准备 GitHub Pull Request——分支整洁度、提交组织、标题/正文、验证说明、UI 工作的截图，以及对评审意见的回复。

管理落地页的 CSS 设计体系模板 —— 查看、分析或创建组件库。

构建和修改 Codename One 跨平台移动应用（Java 17、Maven、ParparVM/Android/iOS/JavaScript）。当项目包含 common/codenameone_settings.properties、依赖 com.codenameone:codenameone-core、编辑 common/src/main/css/ 下的 CSS、调用 cn1:run/cn1:test/cn1:build、引用 com.codename1.ui.*/com.codename1.testing.*，或用户要求构建 UI、编写界面测试、生成截图、与 Swing/HTML/Android 对比时使用。

构建和修改 Codename One 跨平台移动应用（Java 17、Maven、ParparVM/Android/iOS/JavaScript）。当项目包含 common/codenameone_settings.properties、依赖 com.codenameone:codenameone-core、编辑 common/src/main/css/ 下的 CSS、调用 cn1:run/cn1:test/cn1:build、引用 com.codename1.ui.*/com.codename1.testing.*，或用户要求构建 UI、编写界面测试、生成截图、与 Swing/HTML 对比时使用。

在为本地开发编写或优化 Dockerfile、docker-compose.yml，调试与本地表现不一致的容器，或缩减 Python、Node.js 应用镜像体积时使用。不适用于 Kubernetes 资源或 Helm——那类任务请用 containerization。

源自 Docker 官方文档的 Dockerfile 优化指南。在编写、评审或重构 Dockerfile 时使用，确保构建时长、镜像体积、安全性与健壮性均达到最优。触发场景：Dockerfile 创建、Docker 镜像构建、容器优化、多阶段构建、构建缓存或 Docker 安全加固。

面向 Claude Code、Codex、Gemini CLI、Cursor、OpenClaw 的 Terraform 基础设施即代码 agent 技能与插件。涵盖模块设计模式、状态管理策略、provider 配置、安全加固、基于 Sentinel/OPA 的策略即代码，以及 CI/CD 的 plan/apply 工作流。适用于用户要设计 Terraform 模块、管理 state 后端、审查 Terraform 安全、实施多区域部署或遵循 IaC 最佳实践。

用于构建 Kubernetes Operator——协调 CRD 状态的自定义控制器。触发词包括「build an operator」「CRD design」「reconcile loop」「controller-runtime」「kubebuilder」「operator-sdk」「metacontroller」「KOPF」「operator capability levels」「custom resource」。附带 CRD 校验器、reconcile 循环检查器与 OperatorHub 能力审计器（均为 stdlib Python）、4 份关于 operator 模式+CRD 设计+reconcile 模式+工具生态的参考文档，以及 /operator-audit 斜杠命令。不是通用的 k8s 技能——专注 Operator 模式。

测试数据可视化与仪表盘。当用户需要图表或示意图的测试策略、截图或图像 diff 测试、视觉回归、图表的 mock/合成数据、组件或单元测试、E2E 仪表盘 QA、交互式类 UML 图验证、滚动叙事验证、导出验证，或避免脆弱过度测试的指导时使用。

当用户问到 API contract、api-contract.md、共享接口、TypeScript 接口、请求响应 schema、端点设计，或需要指导如何设计协调后端与前端 agent 的契约时使用。在构建或修改 API 端点时使用。触发语如 “create API”、“design endpoint”、“API scaffold”。

通过截图比对检测 UI 组件的视觉变化。用于发现非预期的 UI 变化或像素差异。触发语如 “test visual changes”、“compare screenshots”、“detect UI regressions”。

框架出现前的原生 HTML/CSS 架构：ITCSS 风格令牌、BEM、OKLCH、@layer 层叠层级、逻辑属性、容器查询、View Transitions API、dvh/svh、prefers-color-scheme、WCAG 2.2 无障碍。适用场景：原生 HTML+CSS、设计系统、tokens.css、BEM、kitchen-sink、品牌手册、页面切图、设计令牌、暗色模式、仪表盘布局、CRM 后台。不适用：Tailwind（→tailwind）、shadcn（→shadcn）、框架作用域样式（→react/vue/nuxt）、CSS-in-JS、styled-components。