设计类 MCP / Skill 推荐

指导 PR 自动化与多智能体编排库的工作流。

创建有辨识度、生产级的前端界面，设计品质要高。当用户要求构建 Web 组件、页面、artifacts、海报或应用时使用本技能（例如网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或为任何 Web UI 做样式/美化）。产出富有创意且精致的代码与 UI 设计，避免平庸的 AI 风格。

用 Python 和 FastMCP 构建 MCP 服务器。定义工具/资源/提示词、搭建服务器、本地测试、部署到 FastMCP Cloud 或 Docker。当用户提到构建 MCP 服务器、向 LLM 暴露工具、FastMCP、构建 Claude 集成，或排查 FastMCP 模块级服务器、存储、lifespan、中间件、OAuth 或部署错误时使用。

面向单个游戏系统的引导式、逐节 GDD 撰写。从已有文档收集上下文，逐节协作展开，交叉引用依赖，并增量写入文件。

审阅游戏设计文档的完整性、内部一致性、可实现性，以及对项目设计标准的遵循。在把设计文档交给程序员之前运行。

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

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

面向 Web UI 的设计思维与决策。在设计组件、布局、配色方案、字体排版或创造有美感的界面时使用。教导原则而非固定数值。

数据库设计原则与决策。Schema 设计、索引策略、ORM 选型、无服务器数据库。

设计文档写作规范。撰写或评审技术设计文档时使用

API 设计约定、命名空间坐标体系、RBAC 角色、ClawHub 兼容层、OpenAPI 契约同步规则，以及 CSRF/会话处理。

构建 LMDeploy Docker 镜像并推送至内部镜像仓库。

RuView（WiFi-DensePose）入门与首次运行——带模拟数据的 Docker 演示、仓库构建，以及最快抵达实时感知仪表盘。当刚接触 RuView，或想走最短路径做到「在我机器上能跑」时使用。

通过匹配目标仓库现有的集成模式，构建一个新的API连接器或提供者。适用于在不发明第二种架构的情况下添加一个集成。

使用此技能生成或审计设计系统，检查视觉一致性，并审查涉及样式的PR。

从零构建完整设计系统，包含创意冒险与真实产品 mockup。适合项目启动工作坊和从零建立品牌的工作。

创建和管理 DESIGN.md 文件。适合把设计方向、令牌与视觉规则沉淀为单一事实来源。

会写代码的设计师：先做视觉走查再修复，以原子提交并配前后截图。适合上线前打磨已交付的 UI。

前端 UI/UX 工作的已废弃兼容壳；请改用 $design 或 $visual-ralph。

如何为 Quarkus 扩展添加 Dev UI 页面：部署处理器、runtime-dev JSON-RPC 服务与 Lit Web 组件。

重构并审查 SwiftUI 视图文件，实现一致的结构、依赖注入与 Observation 使用。在被要求整理 SwiftUI 视图的布局/排序、安全处理视图模型（尽可能非可选），或统一依赖与 @Observable 状态的初始化与传递方式时使用。

以 v0.dev 式理念为应用、网站和仪表盘设计并实现高质量界面：明确的视觉方向、设计系统、强视觉层次、可复用组件、移动优先、UI 一致性与迭代评审

为 POD 设计带真实资源链接的定制化课程。分阶段实施，带检查点与回退逻辑。当用户说“设计课程”“为 POD 创建课程”或“构建学习计划”时使用

分析 Stitch 项目并将语义化设计系统整合生成为 DESIGN.md 文件。

面向 SQL 与 NoSQL 的 schema 设计、规范化、索引、迁移与查询优化。

在 BK-CI 中判断何时使用工厂、策略、责任链、观察者、模板方法、装饰器等设计模式时使用。当用户要重构可扩展结构、统一模式选型、理解项目里的模式落点时优先使用。

设计 BK-CI 数据库表、DDL 脚本、索引、分表或数据归档策略时使用。当用户提到表结构、字段设计、索引优化、SQL 脚本命名、分片、归档迁移时优先使用。

以 HTML/CSS 提供 54 套真实设计系统（Stripe、Linear、Vercel）。

分析代码库并生成 Claude Code 自动化基础设施，包括命令、脚本与模板，以系统化执行任务。当用户希望创建可复用的自动化工作流、生成 .claude/commands 文件、编写配套的 bash/python 脚本、为结构化产出建立 Markdown 模板，或沉淀跨项目可用的多步任务执行框架时使用。

自动化移动端 GUI 测试——iOS 与 Android 的 UI 元素交互、手势模拟与跨设备视觉回归

编写能降低认知负荷的文档。触发场景：撰写指南、README、RFC、入职手册、架构文档或面向评审的文档。

设计并实现 MCP 资源 URI 方案与模板，具备合理的命名、层级与文档

用于从零构建新的前端应用、仪表盘、游戏、创意网站、hero 区与视觉驱动型 UI，或当用户明确要求重设计/换风格/现代化时使用。构建方式：以干净、透气、高品位、易读的图像生成概念设计为起点，配合分节参考、忠实实现与浏览器测试。

Activepieces（开源 AI 自动化平台，「Zapier 的开源替代」）的设计系统。在为 Activepieces 设计、原型或构建 UI 时使用——Web 应用（flow builder、runs、connections、dashboard）、文档或营销页面。提供品牌紫 #8142E3、以 sm（14px）为正文字号的 Inter 字阶、Tailwind 中性色、Lucide 图标、Shadcn/Radix 原语约定、标志性的点状画布 builder 背景，以及复刻的 Web UI 组件库。

创建具有高设计品质、可交付生产的前端界面。当用户要求构建 Web 组件、页面、海报或应用（如官网、落地页、仪表盘、React/Vue 组件、HTML/CSS 布局，或对任意 Web UI 进行样式/美化）时使用本技能。产出有创意、打磨到位且避免「AI 通用审美」的代码与界面设计。

构建精致、以转化为导向的前端，兼具出色审美、清晰层次与生产级 HTML/CSS/JS。落地页、仪表盘、组件、邮件、重设计——全部以可运行文件交付。避免千篇一律的 AI 审美，每个设计都有自己的观点

获得诚实的设计反馈。上传任何视觉作品——UI 设计、logo、照片、图形、PDF——获得按优先级排列的评审：哪里有问题、哪里做得好、哪里需要打磨。基于 11 个理论框架的分析

遵循 Apple 人机界面指南（HIG）与 Liquid Glass 设计体系设计原生 macOS 应用。适用于构建 SwiftUI/AppKit macOS 应用、验证设计或实现 macOS 特有模式

修复使用 docker buildx 时部署的 Rust 二进制未反映代码变更的问题。 适用场景：(1) 本地改动已验证（测试通过）但部署后生产行为没有变化；(2) Docker 镜像有新 tag 但仍包含旧的编译二进制；(3) Dockerfile 采用依赖预编译层加源码拷贝层的多阶段构建。 Docker buildx 的层缓存可能提供陈旧的编译产物，即使源文件已变更，交叉编译（--platform linux/amd64）时尤其如此。

精英级前端图像指导技能，用于生成高端、注重转化的网站设计参考。关键输出规则——每个区块单独生成一张横版图像。8 个区块的落地页产出 8 张图。绝不将多个区块压缩进一张图。强制构图多样性（不总是左文右图）、背景图像自由、多样 CTA、多样 hero 尺度（巨型/中等/迷你极简）、叙事概念主线、二刷亮点，以及所有图像统一的一套色板。为落地页、营销站与可供开发者或编码模型精确复刻的产品 comps 优化。

设计能捕获真实生产问题、又不会被噪声触发呼叫的 Datadog 监控。涵盖基于 SLO 的多窗口多燃烧率告警监控、阈值/异常/预测/离群/复合监控类型的取舍、标签驱动路由、停机窗口、按服务层级的监控模板继承、通知消息工程与 runbook 关联。如同一位管理过 4000+ 个 Datadog 监控并精简到 600 个仍能捕获所有真实事故的资深 SRE。熟悉 Datadog 计费杠杆（自定义指标、索引日志、摄取追踪）、from/group_by 与无数据评估的交互、简单告警与多告警的区别，以及哪些监控类型隐性昂贵。适用于监控因表面波动误报、某服务层级需要成体系的监控集、SLO 需转化为燃烧率告警或监控泛滥难以管理时。触发词：“datadog”“datadog monitor”“monitor design”“slo”“burn rate”“anomaly mo

你是一名在严格架构与可靠性约束下运维生产级服务的高级后端工程师。在编写路由、控制器、服务、仓储层、Express 中间件或 Prisma 数据库访问时使用。

你是一名在严格架构与性能标准下工作的高级前端工程师。在创建组件或页面、添加新功能、发起数据查询或变更时使用。

当用户要求创建 ERD 图、规范化数据库 Schema、设计表关系或规划 Schema 迁移时使用。

当用户要求生成 API 测试、创建集成测试套件、测试 REST 端点或构建契约测试时使用。

面向 Claude Code、Codex、Gemini CLI、Cursor、OpenClaw 的 Helm chart 开发 agent 技能与插件——chart 脚手架、values 设计、模板模式、依赖管理、安全加固与 chart 测试。适用于用户要创建或改进 Helm chart、设计 values.yaml 文件、实现模板 helper、审计 chart 安全（RBAC、网络策略、pod security）、管理子 chart，或运行 helm lint/test。

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

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