接口设计(多方案对比)
为一个模块、API 或接口产出 3 个以上截然不同的设计方案,用文字对比优劣并综合出推荐方案。当被要求“设计一个接口”“塑造这个 API”“设计两次”“探索模块边界”,或规划一个新的深层模块且首个想法未必最佳时使用。源自《A Philosophy of Software Design》的“Design It Twice”——价值在于对比,而非初稿。
使用场景/设计与创意
Figma、图像生成、品牌素材。适合产品、运营、设计协作。
共匹配 4,018 个资源 · 第 36 / 84 页
设计类 MCP 把设计工具与图像生成能力接入 AI 工作流:Figma MCP 让 AI 读取设计稿的图层、变量与组件结构,直接生成对齐设计稿的前端代码;图像生成类 MCP 负责配图、图标与营销素材的批量产出。
典型用法:设计师在 Figma 中标注组件 → 开发者在 Cursor 中通过 Figma MCP 拉取节点信息 → AI 生成与设计系统一致的 React / Vue 代码。评审环节可以让 AI 对照设计稿截图做还原度检查。
注意版权与授权:仅处理团队有权访问的 Figma 文件;生成图片素材时确认模型的商用条款;字体与第三方素材仍需单独授权。
为一个模块、API 或接口产出 3 个以上截然不同的设计方案,用文字对比优劣并综合出推荐方案。当被要求“设计一个接口”“塑造这个 API”“设计两次”“探索模块边界”,或规划一个新的深层模块且首个想法未必最佳时使用。源自《A Philosophy of Software Design》的“Design It Twice”——价值在于对比,而非初稿。
使用 eth2-quickstart 自主部署加固的 Ethereum 节点,安装执行层与共识层客户端,配置 validator 元数据,安全暴露 RPC,并以结构化 JSON 输出检查节点健康。
在构建具有严格设计品味的强表现力前端界面时使用,涵盖色彩校准、响应式布局与动效规则。
AI 无代码自动化专家——Zapier、Make、n8n、工作流设计、触发器/动作、面向所有业务的流程自动化。
vnext
api/build-params — 2 个抽象。
vnext
API — Website Builder — 57 个抽象。页面与重定向事件处理器及用例。
将 PR diff 评审渲染为 Cursor Canvas:按评审重要性对改动分组、区分样板代码与核心逻辑、突出棘手或意外的代码。在评审 Pull Request、为评审总结 diff,或用户索要 PR 评审画布、diff 走查、变更集概览时使用。
渲染文档风格的 Cursor Canvas,把架构笔记、API 参考、走查教程与 how-to 组织成带分节、目录和交叉引用的可导航布局。当用户要求文档画布、文档总览、架构走查、API 参考页,或希望把结构化文档渲染为交互式画布时使用。
在 Cursor 中借助内置图像模型与优质提示词生成并迭代图像。当需要根据文字描述或参考图创作图标、插画、UI 效果图、示意图、营销视觉或任何位图素材时使用。
擅长构建解决真实问题的浏览器扩展,涵盖 Chrome、Firefox 与跨浏览器扩展。讲解扩展架构、Manifest V3、内容脚本、弹出界面、变现策略与 Chrome 应用商店发布。
将 SwiftUI 视图重构为更小的组件,并建立稳定、显式的数据流。
(移动优先 · 触控优先 · 尊重平台规范)
你是一名前端设计师兼工程师,而非布局生成器。
使用 Tailwind CSS 与 Framer Motion 的现代暗色主题 React UI 体系。面向仪表盘、管理后台与数据密集型应用设计,带玻璃拟态效果与克制的动效。
在构建 MCP 服务器以集成外部 API 或服务时使用,无论用 Python(FastMCP)还是 Node/TypeScript(MCP SDK)。
苹果级别的产品设计——视觉体系、UX 流程、无障碍、专有视觉语言、design token、原型设计与交付。涵盖 Figma、设计系统、字体排印、色彩、间距、motion design 与认知设计原则。
为事件溯源系统设计并实现事件存储。适用于搭建事件溯源基础设施、选择事件存储技术或实现事件持久化模式。
精选的微交互与设计细节,为网站和应用增添“魔法”与个性。
分析 Stitch 项目并将语义化设计系统整合到 DESIGN.md 文件中。
按正确顺序编排设计工作流,依次经过头脑风暴、多代理评审与执行就绪阶段。
数据库设计原则与决策方法:schema 设计、索引策略、ORM 选型与 serverless 数据库。
从威胁模型与业务场景中推导安全需求。适用于把威胁转化为可执行的需求、编写安全用户故事,或构建安全测试用例。
为敏感应用构建精简但真实可用的安全策略。输出是单份连贯的 Blue Book 文档,使用 MUST/SHOULD/CAN 措辞,并明确假设、范围与安全门禁。
多阶段 CI/CD 流水线的架构模式,包含审批门禁与部署策略。
掌握 REST 与 GraphQL API 设计原则,构建直观、可扩展、可维护,让开发者满意并经得起时间考验的 API。
构建带校验、错误处理、鉴权与文档的生产就绪 REST API 端点,遵循安全与可扩展性最佳实践。
面向加载状态、错误处理与数据获取的现代 React UI 模式。在构建 UI 组件、处理异步数据或管理 UI 状态时使用。
在生成报告、表格或邮件输出时,用本技能产出精致、自包含、响应式的 HTML。
重构并评审 SwiftUI 视图文件,默认实践包括拆分为小型专用子视图、MV 优于 MVVM、稳定视图树、显式依赖注入以及正确使用 Observation。适用于整理 SwiftUI 视图、拆分过长 body、移除内联动作或副作用、减少计算属性 `some View` 辅助函数,或统一 `@Observable` 与视图模型初始化模式。
设计数据库 schema——表、关系、索引、约束与 ORM 配置。涵盖关系型设计、规范化与常用模式。
构建或嵌入 Zoom 会议流程。用于实现 Meeting SDK 加入、Web 或移动端会议嵌入、会议生命周期流程,或在 Meeting SDK 与 Video SDK 之间做选型时。
为 Claude 设计 Zoom MCP 工作流。用于判断 Zoom MCP 是否契合某任务、规划基于工具的 AI 工作流,或划分 MCP 与 REST API 的职责。
使用 eth2-quickstart 自主部署加固的 Ethereum 节点,安装执行层与共识层客户端,配置 validator 元数据,安全暴露 RPC,并以结构化 JSON 输出检查节点健康。
构建、测试、lint、定版并发布生产级 Python 库到 PyPI 的端到端技能。覆盖四种构建后端(setuptools+setuptools_scm、hatchling、flit、poetry)、PEP 440 版本、语义化版本、基于 git tag 的动态版本、OOP/SOLID 设计、类型注解(PEP 484/526/544/561)、Trusted Publishing(OIDC)以及完整的 PyPA 打包流程。适用于:创建 Python 包、可 pip 安装的 SDK、CLI 工具、框架插件、pyproject.toml 配置、py.typed、setuptools_scm、semver、mypy、pre-commit、GitHub Actions CI/CD 或 PyPI 发布。
在扩展部署模块中创建与修改 Quarkus @BuildStep 方法、build item 与 recorder 的模式。
用于通用 PostgreSQL 表设计。**触发时机**——用户要求:设计 PostgreSQL 表、模式或数据模型(新建表与修改现有表时);为 PostgreSQL 选择数据类型、约束或索引;创建用户表、订单表、引用表或 JSONB 模式;了解 PostgreSQL 在规范化、约束或索引方面的最佳实践;设计高频更新、高频 upsert 或 OLTP 风格的表。**关键词**:PostgreSQL schema、table design、data types、PRIMARY KEY、FOREIGN KEY、indexes、B-tree、GIN、JSONB、constraints、normalization、identity columns、partitioning、row-level security。全面覆盖数据类型、索引策略、约束、JSONB 模式、分区与 PostgreSQL 特有最佳实践
全面的 PostGIS 空间表设计参考,涵盖几何类型、坐标系、空间索引与性能模式,适用于位置类应用
面向 Django 模板与 Vue 组件的前端 UI 实现、无障碍与响应式检查
移动 UI 模式——React Native、iOS/Android、触控目标
撰写或编辑 Spacebot 的任何文案时使用——README 章节、文档、release notes、营销文字、设计文档摘要。涵盖语态、语气、应避免的套路,以及优秀的 Spacebot 文字读起来是什么感觉。
打造独特、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、产物、海报或应用(示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局,或对任意 Web UI 做样式美化)时使用此技能。生成富有创意、打磨精细的代码与 UI 设计,避免千篇一律的 AI 审美。
掌握 REST 与 GraphQL 的 API 设计原则,构建直观、可扩展、易维护,能让开发者愉悦并经得起时间考验的 API。
仅在当前活跃的 Codex Project Autopilot 项目内按其计划处理自动化任务;自动驾驶之外的常规脚本请勿启用。
仅在当前活跃的 Codex Project Autopilot 项目内按照已批准的计划使用;自动驾驶之外的常规后端任务请勿启用。
仅在当前活跃的 Codex Project Autopilot 项目内使用,且数据层已属于自动驾驶计划范围时启用。
已废弃:本技能已被 mcp-app-builder 取代。检查 skills 目录中是否有 mcp-app-builder;若没有,安装:npx skills install mcp-use/mcp-use --skill mcp-app-builder。请用 mcp-app-builder 替代本技能。用 mcp-use 框架构建 Model Context Protocol(MCP)server。适用于创建 MCP server、定义 tools/resources/prompts、使用 mcp-use、引导 MCP 项目,或用户提到 MCP 开发、tools、resources、prompts 时。
所有 MCP server 工作的强制技能——mcp-use 框架的最佳实践与模式。做任何 MCP server 工作前先读:新建 MCP server;修改现有 server(增改 tools/resources/prompts/widgets);调试 MCP server 问题;从质量、安全、性能角度评审 MCP server 代码;回答 MCP 开发或 mcp-use 模式的问题;以及对 server.tool()、server.resource()、server.prompt()、widgets 做任何修改。本技能包含关键的架构决策、安全模式和常见坑。实现 MCP 功能前务必先查阅相应的参考文件。
对比主流学术数据库,说明各自适用的研究场景。
需要 Figma 个人访问令牌(Personal Access Token)或企业 OAuth 授权,令牌只需授予文件读取范围。AgentHub 详情页标注了对应环境变量。
可以读到结构并生成初版代码,但复杂交互与响应式仍需人工调整。业界普遍把它用作「设计到代码」的第一稿加速器而非最终交付。
取决于模型训练与输出条款。商用发布前请确认服务提供方公开的版权政策,重要素材保留人工审核环节。