设计类 MCP / Skill 推荐

当用户询问 GitNexus 本身——可用工具、如何查询知识图谱、MCP 资源、图 schema 或工作流参考——时使用。示例：“有哪些 GitNexus 工具？”“我该怎么用 GitNexus？”

凡需要了解该模板的工作方式时使用：新增页面、管理内容、配置页面、使用组件、理解项目架构、使用脚本或样式与主题定制。适用于任何与该项目的结构、用法、定制相关的问题。

创建有辨识度、可上线、设计质量高的前端界面。当用户要求构建 Web 组件、页面或应用时使用。生成有创意、精致的代码，避免千篇一律的 AI 审美。

在 Claude Code 中借助 n8n-mcp 这个 MCP 创建、校验并部署 n8n 工作流。当用户说 "crea un workflow en n8n"（在 n8n 建个工作流）、"monta un n8n que haga X"（搭个做 X 的 n8n）、"convierte esta idea en automatización"（把这个想法变成自动化）、"diseña un flujo n8n"（设计一个 n8n 流程），或描述一串可自动化的步骤（接收 webhook → 处理 → 发送到 Slack、每天定时读取 Google Sheets 等）时使用。也可通过 "auto­matización"、"n8n"、"workflow"、"trigger" 等说法触发。不要用本技能把既有 n8n 工作流迁移到 Claude —— 那应使用 automation-n8n-to-claude。

在数据采集之前设计实验与研究方案——选择设计类型、随机化、区组化以及安排处理组合，使结果真正可解释。当有人正在规划研究、询问如何把受试者/样本分组、提到随机化、区组、分层、对照、析因或部分析因设计、实验设计（DOE）、多因素筛选、响应面优化、交叉/重复测量/裂区设计、整群分组随机化、拉丁方、孔板布局、批次与进样顺序效应、重复与伪重复，或序贯/自适应/群序贯设计时使用。即使表述随意，例如这个实验该怎么安排、如何避免混杂、测试这 6 个因素的最佳方式、把这些小鼠分配到各处理组，也应触发。若设计已定、需要计算样本量或统计功效请使用 statistical-power，分析已采集的数据则使用 statistica。

从 OpenAPI 契约设计并交付可用于生产的 MCP（Model Context Protocol）服务器，而非手写工具封装。支持 Python 与 TypeScript，含 Schema 校验与安全演进。适用于将现有 API 暴露为 MCP 服务器、为 Claude 或 Codex 或 Cursor 构建工具集成，或从零搭建 MCP 项目。

全面的 REST API 设计审查，含自动 lint、破坏性变更检测与设计记分卡。在 API 上线前捕捉不一致的约定、缺失的版本化与设计异味。用于审阅新增或改动 API 端点的 PR、审计现有 API 的 v2 迁移，或为团队确立 API 标准时。

用 Playwright 录制精致的 UI 演示视频。当用户要求制作 Web 应用的演示、走查、屏幕录制或教学视频时使用。输出带有可见光标、节奏自然、观感专业的 WebM 视频。

当用户有 UI 截图或设计导出物需要批量转换为 Vue 3 组件时使用，尤其适合搭配 Vant、Element Plus 或 Ant Design Vue。

从 SF Symbols（Apple 原生 5000+）或 Iconify API（200 多个集合的 275000+ 开源图标）生成作为 Xcode 资源目录 PNG 图像集的 iOS 应用图标。适用于生成图标、创建图标资源、向资源目录添加图标，或为 iOS 项目搜索图标。

面向 React/Next.js 的生产级 UI 动效体系。当实现动画、过渡与动效模式时使用。

为生产级 UI 工作确定一套 ECC 专属的前端设计方向。当构建或改进网站、仪表盘、应用、组件、落地页、可视化工具，或任何需要更强产品化设计判断的 Web UI 时使用。

所有 MCP 服务器工作的**强制要求**——mcp-use 框架最佳实践与模式。在任何 MCP 服务器工作前先阅读本技能，包括：创建新 MCP 服务器；修改既有 MCP 服务器（添加/更新 tools、resources、prompts、widgets）；调试 MCP 服务器问题或错误；审查 MCP 服务器代码的质量、安全与性能；回答 MCP 开发或 mcp-use 模式的问题；对 server.tool()、server.resource()、server.prompt() 或 widgets 做任何修改。本技能包含关键架构决策、安全模式与常见陷阱。实现 MCP 功能前务必先查阅相关参考文件。

当用户要求设计数据库 Schema、规划数据迁移、优化查询、在 SQL 与 NoSQL 间取舍，或对数据关系建模时使用。

结合指标、日志与追踪，设计生产级可观测性方案。含 SLI/SLO 设计、黄金信号监控与告警优化。用于为新服务添加可观测性、重构过于嘈杂的告警，或在扩展生产负载前设计 SLO 体系时。

资深 UI/UX 工程师角色：设计数字界面时覆盖 LLM 的默认偏好。强制执行基于度量规则、严格组件架构、CSS 硬件加速与均衡的设计工程。

设计并演进 Goa 应用服务。涵盖 Goa DSL 变更、服务方法、payload/result 建模、校验、HTTP/gRPC 映射、错误、拦截器、代码生成与实现。

打造独特、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、产物、海报或应用（示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或对任意 Web UI 做样式美化）时使用此技能。生成富有创意、打磨精细的代码与 UI 设计，避免千篇一律的 AI 审美。

顶级 SaaS 仪表盘与产品 UI 参考。在构建应用外壳、数据表格、设置面板、账单页、仪表盘、鉴权流程、管理工具或任何内部/客户侧 SaaS 产品 UI 时使用此技能。受 Stripe、Linear、Vercel、Airbnb、Notion 启发。涵盖中性色系设计 token、侧边栏+内容框架、高密度数据 UI、表单繁多的配置页、命令面板、空状态，以及这些产品所达到的无障碍（WCAG AA+）标准。

营销落地页与转化导向产品页参考。在构建 hero 区、特性网格、定价页、客户评价、CTA、页脚、导航栏及任何面向公众的营销页面时使用此技能。涵盖温暖、专业、对开发者友好的设计语言（米色背景、充裕留白、胶囊 CTA、角括号卡片装饰），以及完整的 token 集、动画体系和可复制的组件片段。不适用于产品/仪表盘 UI——那类需求请用 frontend-design-saas。

前端界面设计原则：视觉层次、布局、色彩、间距、响应式和避免“AI 味”页面。

记录或设计数据库 schema，包含实体关系、表定义、约束、索引和访问模式。当需要设计数据库、为现有 schema 编写文档、为实体与关系建模、定义表结构、规划索引策略或产出供评审的数据模型时使用。产出结构化 schema 文档，包含 ER 图、表 DDL 定义、索引策略、访问模式分析、规范化决策与迁移说明。

记录或设计数据库 schema，包含实体关系、表定义、约束、索引和访问模式。当需要设计数据库、为现有 schema 编写文档、为实体与关系建模、定义表结构、规划索引策略或产出供评审的数据模型时使用。产出结构化 schema 文档，包含 ER 图、表 DDL 定义、索引策略、访问模式分析、规范化决策与迁移说明。

为新建或重设计的前端界面确定视觉设计方向：布局、字体排印、色彩、动效与反平庸 AI 审美。在设计页面、仪表盘、海报、营销界面或探索性 UI 变体时使用。

专业移动 UI/UX 模式，涵盖平台设计规范（Material Design、Human Interface）、响应式布局、手势处理、离线优先 UI、骨架屏、下拉刷新、无限滚动、底部面板与触觉反馈。当用户询问 mobile ui designer、mobile ui designer 最佳实践，或需要 mobile ui designer 实施指导时使用。当用户需要其他专项技能或涉及无关技术领域时请勿使用。

移动隐私专长，涵盖应用权限管理、iOS 与 Android 的跟踪防护、加密通讯应用选型、设备加密、注重隐私的浏览器与 DNS 配置、位置跟踪最小化、应用审计方法论，并在不牺牲可用性的前提下构建注重隐私的移动环境。当用户询问 mobile privacy guide、相关技术、最佳实践，或需要该领域指导时使用。当请求超出 mobile privacy guide 范围或需要其他专项技能时请勿使用。

免费游玩手游设计，涵盖 F2P 设计模式、留存机制、短会话设计、变现模式（内购、广告、战令）、移动 UX、新手引导流程、A/B 测试、数据驱动的设计与长线运营策略。当用户询问 mobile game designer 或需要相关主题帮助时使用。不适用于无关领域或已有更专门技能的场景。

指导实现专家级的 Kubernetes 工作负载设计：云与架构决策框架、生产可用的模式以及 kubernetes 工作负载设计工作流的具体模板。当用户询问 kubernetes 工作负载设计、kubernetes workload design 配置，或 Kubernetes 项目的 DevOps 最佳实践时使用。当用户需要其他 devops cloud 能力时请勿使用——可查看 devops cloud 子类目下的同级技能。

最常见 Docker 错误的解决方案——清理命令、容器调试、网络问题、构建失败与性能问题。当用户询问 docker quick fix、相关技术、最佳实践，或需要该领域指导时使用。当请求超出 docker quick fix 范围或需要其他专项技能时请勿使用。

为 Qt/QML、Qt 项目、Web 或嵌入式 MPU/MCU 目标设计或审查 UI。在创建界面、布局、导航或做 UX 审查时使用。

审查文档/文案是否符合写作指南。当被要求“审查我的文档”“检查写作风格”“审计文案”“审查文档语气与口吻”或“对照写作手册检查此页”时使用。

REST API 设计模式：资源命名、状态码、分页、过滤、错误响应、版本管理与生产 API 限流。

当应用开发者想为 Electric Agents 应用构建实体（即 agent）时使用——设计单一实体类型、必要时挑选协调模式（单 agent、manager-worker、pipeline、map-reduce、dispatcher、blackboard、reactive-observer）、定义状态、handler 与 schema，并在一个实体文件中实现。适用于 @electric-ax/agents-runtime 应用中对 registry.define(...) / defineEntity(...) 的任何使用。

指导设计与结构化多阶段的基于工作流的 Claude Code 技能：分步执行、决策树、子代理委派与渐进式披露。在创建涉及顺序流水线、路由模式、安全门、任务跟踪、分阶段执行或任何多步工作流的技能时使用；评审或重构现有工作流技能以保证质量时同样适用。

面向 `@open-mercato/ui` 的后端 UI 设计指南在 Codex 中的内部副本。常规后端页面、CRUD、表格与表单工作请优先使用主技能 `om-backend-ui-design`

设计跨国问卷实验：统计功效、等价性检验与本地化。

设计问卷工具：题项、量表、作答流程与社会期望偏差。

设计 conjoint（联合）实验：属性设定、统计功效与 AMCE/AMIE 估计。

指导如何安全使用外部 MCP 工具。

根据风格描述从内置设计系统库中选取最匹配的设计系统，提供 DESIGN.md 规范供后续设计工作使用。

根据风格描述从内置设计系统库中选取最匹配的设计系统，提供 DESIGN.md 规范供后续设计工作使用。

使用 MITRE Engage 框架规划、执行并度量对手参与行动，使所部署的欺骗由策略驱动而非临时为之。涵盖 Engage 矩阵（Prepare、Expose、Affect、Elicit、Understand）、10 步操作流程、将参与 Activity 映射到其暴露的 ATT&CK 技术，以及定义可度量的目标与行动目的。适用于团队已有 honeypot、蜜标或 canary token 却缺乏统筹策略、管理层询问「是否及如何应对对手」、构建欺骗/拒止体系、撰写对手参与行动方案，或决定针对特定威胁行为者部署哪些欺骗 Activity 时。

在 TypeScript/JavaScript 代码库中检测、建议并评估 GoF 设计模式。适用于重构代码、应用单例/工厂/观察者/策略模式、评估模式使用质量，或为 React、Angular、NestJS、Vue 寻找框架原生替代方案。

所有 MCP 服务器工作的**强制要求**——mcp-use 框架最佳实践与模式。在任何 MCP 服务器工作前先阅读本技能，包括：创建新 MCP 服务器；修改既有 MCP 服务器（添加/更新 tools、resources、prompts、widgets）；调试 MCP 服务器问题或错误；审查 MCP 服务器代码的质量、安全与性能；回答 MCP 开发或 mcp-use 模式的问题；对 server.tool()、server.resource()、server.prompt() 或 widgets 做任何修改。本技能包含关键架构决策、安全模式与常见陷阱。实现 MCP 功能前务必先查阅相关参考文件。

设计并构建有原生感的 macOS 应用 UI。当用户要做桌面应用、macOS 应用、Mac 风格界面、Apple 风格 UI、系统工具，或任何应像原生 Mac 应用的东西时使用。用户提到「原生感」「桌面应用设计」「Apple 设计模式」「侧边栏布局」「红绿灯按钮」，或想构建看起来属于 macOS 的工具/实用程序时也触发。本技能涵盖布局、组合、交互模式、动画、亮/暗色模式，以及让应用显得出自 Apple 之手的所有细节。

增量刷新 docs/generated/design/ 下由 LLM 生成的设计文档。当源码变更后用户要求更新、刷新或重新生成生成的设计文档时使用。按 docs/generated/design/_meta/regenerate.md 定义的三阶段操作循环执行——(1) Claude 重新生成过期文档，(2) 指引用户运行非 Claude 评审，(3) Claude 应用整改——阶段 1 与 3 前均需显式确认。

面向 iOS 和 Android 应用的移动优先设计思维与决策。触控交互、性能模式、平台规范。教导原则而非固定数值。在构建 React Native、Flutter 或原生移动应用时使用。

MCP（Model Context Protocol）服务器构建原则。工具设计、资源模式、最佳实践。