设计类 MCP / Skill 推荐

Kubernetes Configmap Handler —— DevOps Advanced 分类下的自动激活技能。触发词：kubernetes configmap handler。属于 DevOps Advanced 技能分类。

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

移动应用开发全流程管道。由智能体团队协作完成 UI/UX 设计→原生/跨平台代码生成→API 集成→商店上架准备。凡涉及“帮我做移动应用”“开发 App”“iOS App”“Android App”“Flutter App”“React Native App”“App UI 设计”“App Store 上架”“App API 集成”等移动应用开发整体工作均使用此技能。已存在代码时也支持 API 集成或商店上架。但不包括实际构建/编译（Xcode、Gradle）、实际的商店提交和 CI/CD 管道搭建。

移动应用开发全流程管道。由智能体团队协作完成 UI/UX 设计、原生/跨平台代码生成、API 集成和商店上架准备。用于“帮我做移动应用”“App 开发”“iOS App”“Android App”“Flutter App”“React Native App”“App UI 设计”“App Store 上架”“App API 集成”等一般性移动应用开发。对已有代码也支持 API 集成和商店上架。但实际构建/编译（Xcode、Gradle）、实际的商店提交和 CI/CD 管道搭建不在本技能范围内。

REST API设计模式，包括资源命名、状态码、分页、过滤、错误响应、版本控制和生产API的速率限制。

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

使用圆角/间距风格配方，为 PPT 幻灯片挑选统一的视觉设计系统。当用户要求整体风格方向或组件样式一致性时使用。包含 Sharp/Soft/Rounded/Pill 配方、组件映射、字体/间距规则与混搭指南。触发词：风格、style、radius、spacing、圆角、间距、PPT风格、视觉风格、design style、component style。

当需要按 iOS HIG 与 SwiftUI 规范设计 iOS 界面时使用。

当需要按 Material Design 3 与 Jetpack Compose 规范设计 Android 界面时使用。

将现有网站与应用升级到高端品质。审查当前设计，识别 AI 生成的通用套路，在不破坏功能的前提下套用高端设计标准。兼容任意 CSS 框架或原生 CSS。

面向 CLI 脚本与工具的 Python 设计模式：类型优先开发、深层模块、复杂度管理，以及危险信号。在阅读、编写、审查或重构 Python 文件时使用，尤其是 .trellis/scripts/ 或任何 CLI/脚本场景。在规划模块结构、决定新代码落点或做代码审查时也应启用。

为 Flutter 与 React Native 生成独具风格、生产级的移动界面。优先采用平台原生模式、自适应布局与流畅动效。在构建移动应用、页面、组件，或用户要求打造视觉出色的移动 UI 时使用。

把本地构建的 MSBuild 二进制部署进 Visual Studio 安装目录以进行测试与调试。当需要让 VS 本身使用你本地的 MSBuild 改动，或调试由 VS 调用的 MSBuild 时使用。

在本地 Docker 上从源码构建并测试 Kurtosis。编译全部组件（engine、core、files-artifacts-expander）、构建 Docker 镜像、安装 CLI 并重启 engine。开发 Kurtosis 并用本地 Docker 测试变更时使用。

以强默认规则重构并评审 SwiftUI 视图文件：小巧专用子视图、MV 优先于 MVVM 的数据流、稳定视图树、显式依赖注入、正确的 Observation 用法。在整理 SwiftUI 视图、拆分超长 body、移除内联动作或副作用、削减计算属性 `some View` 助手，或统一 `@Observable` 与视图模型初始化模式时使用。

生成可缩放图形的 CSS：容器使用 em 单位、内部元素使用百分比尺寸，以确保响应式缩放。

生成纯 CSS 代码，在悬停时为图片位置添加动画（例如向上移动），同时不改变其尺寸。

打造独特、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、产物、海报或应用时使用此技能。生成富有创意、打磨精细的代码，避免千篇一律的 AI 审美。不要用于设计评审或审计（改用 web-design-guidelines 或 web-quality-audit）。

复刻任意网站的视觉风格并应用到你的代码库。当用户想对齐某个站点的设计、镜像某套 UI 美学、让自己的应用像另一个站点，或按某个 URL 复刻特定风格时使用。触发语包括做得像它一样、对齐这个设计、照抄这个风格、我想让我的应用像 X、镜像这套设计、受某站点启发，或任何指着网站希望前端对齐的情况。

审计、记录或扩展你的设计系统。用于检查组件间命名不一致或硬编码值、撰写组件的变体/状态/无障碍说明文档，或设计契合现有系统的新模式。

获得关于可用性、层级与一致性的结构化设计反馈。当用户说「审阅这个设计」「点评这个原型」「你觉得这个界面怎么样？」，或在从探索到最终打磨的任何阶段分享 Figma 链接或截图以获取反馈时触发。

从设计稿生成开发者交付规格。当设计已就绪需要交给工程时使用，产出一份涵盖布局、设计令牌、组件 props、交互状态、响应式断点、边界情况与动画细节的规格表。

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

使用 EAS 本地构建与 devicectl 为 apps/mobile 构建并安装 iOS 预览构建。当用户要求在已连接的 iPhone 上安装预览/内部 iOS 构建做接近生产的测试时使用。

打造独特、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、产物、海报或应用时使用此技能。生成富有创意、打磨精细的代码，避免千篇一律的 AI 审美。

为 SQL 与 NoSQL 数据库设计并优化 schema。在创建新数据库、设计表、定义关系、制定索引策略或数据库迁移时使用。支持 PostgreSQL、MySQL、MongoDB、规范化与性能优化。

以 AI 引导的从头设计生成新型蛋白质药物（结合蛋白、酶、支架）。使用 RFdiffusion 生成骨架、ProteinMPNN 设计序列、ESMFold/AlphaFold2 做验证。当需要设计蛋白结合剂、治疗性蛋白或改造蛋白功能时使用。

掌握 React、Vue 与 Svelte 组件模式，包括 CSS-in-JS、组合策略与可复用组件架构。在构建 UI 组件库、设计组件 API 或落地前端设计系统时使用。

掌握 iOS 人机界面指南与 SwiftUI 模式，构建原生 iOS 应用。在设计 iOS 界面、实现 SwiftUI 视图或确保应用遵循 Apple 设计原则时使用。

设计并实现微交互、动效、过渡动画与用户反馈模式。适用于为 UI 交互打磨细节、实现加载状态，或营造愉悦的用户体验。

为 Syncfusion Toolkit for .NET MAUI 控件编写或评审单元测试。涵盖测试内容范围、无法测试的场景、命名约定以及跳过测试的文档说明。可独立调用，也可由任意代理（issue-resolver、test-writer 等）调用。

设计并实现自然而有目的感的 Web 动画。当用户询问动画、motion、缓动、时序、时长、弹簧、过渡或动画性能问题时，主动使用本技能。包括：如何为特定 UI 元素做动画、该用什么缓动、动画最佳实践，以及动效的无障碍考量。触发词：easing、ease-out、ease-in、ease-in-out、cubic-bezier、bounce、spring physics、keyframes、transform、opacity、fade、slide、scale、hover effects、microinteractions、Framer Motion、React Spring、GSAP、CSS transitions、入场/出场动画、页面过渡、stagger、will-change、GPU 加速、prefers-reduced-motion、弹窗/下拉/提示气泡/抽屉动画、手势动画、拖拽交互、按钮按压手感、感觉卡顿、想要顺滑效果。

精通 Material Design 3 与 Jetpack Compose 模式，用于构建原生 Android 应用。在设计 Android 界面、实现 Compose UI 或遵循 Google Material Design 指南时使用。

以规范化、关联关系与约束设计数据库模式。适用于新建数据库 Schema、设计表结构，或为 PostgreSQL、MySQL 规划数据模型。

先为移动设备设计，再逐步扩展到更大屏幕。创建在所有设备尺寸上都能无缝适配的响应式界面。

iOS 26 液态玻璃设计系统 — 适用于 SwiftUI、UIKit 和 WidgetKit 的动态玻璃材质，具有模糊、反射和交互式变形效果。

当需要在视觉上与 GUI 交互时使用——测试按钮、填写表单、验证视觉布局、模糊测试网页、自动化用户流程、截图，或对任意应用做端到端 QA。适用于云 VM、Docker 容器、本地机器与沙箱。安装：pip install cua。

将交互式 PR 评审走查生成为 HTML 页面。通过 gh API 拉取 PR 数据，把文件归类为核心改动与机械改动，添加评审者标注，并渲染带移动代码检测的 diff。当用户粘贴 GitHub PR 链接并请求评审、走查或摘要，或说“评审这个 PR”时使用。

找出 requirements.txt 中项目代码并未使用的多余包。

Cursor 桌面功能使用指南，包括 AGENTS.md、Rules、Skills、Commands、Subagents、MCP 与 Hooks。当用户询问 Cursor 配置、功能特性或如何搭建 IDE 环境时使用。

设计 DDD 战略产物，包括子域、限界上下文与复杂业务领域的通用语言。

面向 iOS 与 Android 应用的移动优先设计与工程方法论。涵盖触控交互、性能、平台约定、离线行为与移动端特有的决策。教授原则与约束，而非固定布局。适用于 React Native、Flutter 或原生移动应用。

针对 Node.js + Express + TypeScript 微服务的后端开发标准。涵盖分层架构、BaseController 模式、依赖注入、Prisma 仓储、Zod 校验、unifiedConfig、Sentry 错误追踪、异步安全与测试规范。

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

评审 C#/.NET 代码的设计模式实现并给出改进建议。

针对规格文件中未实现的需求，使用 feature_request.yml 模板创建 GitHub Issue。

评审并产出高品质、符合设计系统规范的生产级前端界面。以三大支柱评估：从洞察到行动的零摩擦、工艺质量、可信构建。适用：PR 评审、设计评审、无障碍审计、设计系统合规检查、富有创意的前端设计、UI 代码评审、组件评审、响应式检查、主题测试，以及打造令人难忘的 UI。不适用：后端 API 评审、数据库表结构评审、基础设施或 DevOps 工作、不含 UI 的纯业务逻辑，以及非前端代码。

设计系统、服务与架构。当用户说「为……设计系统」「该如何架构」「……的系统设计」「……的合适架构是什么」，或需要 API 设计、数据建模或服务边界方面的帮助时触发。