设计类 MCP / Skill 推荐

可复现的 Python 环境、notebook 与文学编程。

借助 Brave and True 手册学习用 Python 做因果推断。

用 matplotlib、seaborn 和 plotly 绘制可发表质量的数据图表。

设计并撰写统计算法文档，包含伪代码与复杂度分析。

Zotero 文献管理器的 PDF 中文翻译插件

从移动屏幕出发设计响应式界面，并向更大设备渐进增强。在构建响应式网站、针对移动用户优化或实现自适应布局时使用。

创建具有高设计品质、独特且生产级的前端界面。当用户要求构建 Web 组件、页面、制品、海报或应用时使用（如网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或对任何 Web UI 做样式/美化）。产出有创意、精致、避免 AI 通用美学的代码与 UI 设计。

设计 PostgreSQL 专属模式。涵盖最佳实践、数据类型、索引、约束、性能模式与高级特性

面向 PostgreSQL、MySQL 和 NoSQL 数据库的 schema 设计、优化与迁移模式。用于设计 schema、编写迁移或优化查询。

由 Impeccable 与自定义扩展融合而成的前端设计技能。覆盖设计哲学、反 AI 模板腔模式、字体排印、色彩（OKLCH）、空间设计、动效、交互、响应式、UX 写作、状态管理、工程化及 4 种风格变体。另含 20 个命令技能，用于审计/点评/打磨/动效等。

从结构化的想法规格出发设计新的 Claude skill。当技能自动生成流水线需要产出 Claude CLI 提示词，以按仓库约定创建完整技能目录（SKILL.md、参考资料、脚本、测试）时使用

RTK 的 Rust 设计模式：Newtype、Builder、RAII、Trait Objects、状态机，应用于 CLI filter 模块。设计新模块或重构已有模块时使用。

构建真正具备设计品质的 Web 界面，而非 AI 粗制滥造之作。适用于任何前端工作——落地页、Web 应用、仪表盘、管理面板、组件、交互体验。新建项目与改造既有应用均生效，会检测并遵循现有设计系统。涵盖构图、排版、配色、动效与文案，并通过截图验证结果后才宣告完成。

使用 Tailwind CSS v4、设计令牌、组件库与响应式模式构建可扩展设计体系。适用于创建组件库、实施设计系统或标准化 UI 模式。

针对图类型（graph、hypergraph、temporal_graph、spatial_graph）设计 YAML 抽取模板。当用户说“设计图谱”“创建知识图谱”“抽取关系”“时序数据”“空间数据”时使用。触发条件：用户想抽取实体关系、多方事件或时间/地点相关数据。跳过条件：只需简单的记录抽取（改用 record-designer）。

针对记录类（model、list、set）设计 YAML 抽取模板。当用户说“设计模型模板”“创建条目列表抽取”“抽取条目”“实体去重”时使用。触发条件：用户想抽取结构化记录、列表或去重实体。跳过条件：用户提到图、关系或知识图谱（改用 graph-designer）。

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

设计并实现自然且恰到好处的 Web 动画。当用户问到动画、运动、easing、时序、时长、spring、过渡或动画性能相关问题时主动使用。包括如何为特定 UI 元素做动画、该用哪种 easing、动画最佳实践，或动效的无障碍考量。触发词：easing、ease-out、ease-in、ease-in-out、cubic-bezier、bounce、spring 物理、keyframes、transform、opacity、fade、slide、scale、hover 效果、微交互、Framer Motion、React Spring、GSAP、CSS transitions、进出场动画、页面过渡、stagger、will-change、GPU 加速、prefers-reduced-motion、modal/dropdown/tooltip/popover/drawer 动画、手势动画、拖拽交互、按钮按压感、显得卡顿、变顺滑。

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 交互打磨细节、实现加载状态，或营造愉悦的用户体验。