AgentHubAgentHub

使用场景/设计与创意

设计类 MCP / Skill 推荐

Figma、图像生成、品牌素材。适合产品、运营、设计协作。

共匹配 1,864 个资源 · 第 24 / 39 页

什么是设计与创意?

设计类 MCP 把设计工具与图像生成能力接入 AI 工作流:Figma MCP 让 AI 读取设计稿的图层、变量与组件结构,直接生成对齐设计稿的前端代码;图像生成类 MCP 负责配图、图标与营销素材的批量产出。

典型用法:设计师在 Figma 中标注组件 → 开发者在 Cursor 中通过 Figma MCP 拉取节点信息 → AI 生成与设计系统一致的 React / Vue 代码。评审环节可以让 AI 对照设计稿截图做还原度检查。

注意版权与授权:仅处理团队有权访问的 Figma 文件;生成图片素材时确认模型的商用条款;字体与第三方素材仍需单独授权。

适合做什么

  • 设计稿评审
  • 素材批量导出
  • 品牌规范检查
  • 配图生成

不太适合

  • 未授权商用字体/素材的自动下载

相关资源

查看全部 →

BentoML Kubernetes 部署

SkillSkillsMP

使用纯 kubectl manifest(不用 Helm、operator 或 BentoCloud/Yatai)将容器化的 BentoML 服务部署到 vanilla Kubernetes 集群。接收已推送的容器镜像(来自 bentoml-containerize 技能),探测 bento 的服务拓扑,为部署编写一份 `config.yml`,并据此为每个 BentoML 服务渲染一个 Deployment + Service(外加可选 HPA/Ingress),按依赖顺序应用,并用真实推理请求验证 rollout。当用户说“deploy my BentoML service to Kubernetes”“deploy this bento image to my cluster”“run my bento on k8s”“create k8s manifests for my bento”“split my bento services into separate pods”“expose my BentoML service in Kubernetes”等时使用。也可诊断失败的部署——“my BentoML pods are crashing”“ImagePullBackOff”“pod stuck Pending”“readiness probe failing”“rollout stuck”“can't reach my service on Kubernetes”“inference 4xx/5xx”。

source

agent-browser(浏览器自动化 CLI)

SkillSkillsMP

面向 AI agent 的浏览器自动化 CLI。当用户需要与网站交互时使用,包括页面导航、填写表单、点击按钮、截图、数据提取、测试 Web 应用或自动化任何浏览器任务。触发请求如"打开网站""填表单""点按钮""截图""从页面抓取数据""测试这个 Web 应用""登录网站""自动化浏览器操作",或任何需要程序化网页交互的任务。也用于探索性测试、dogfooding、QA、bug 排查或应用质量评审。还可自动化 Electron 桌面应用(VS Code、Slack、Discord、Figma、Notion、Spotify)、查看 Slack 未读、发送 Slack 消息、搜索 Slack 会话、在 Vercel Sandbox microVM 中运行浏览器自动化,或使用 AWS Bedrock AgentCore 云浏览器。优先于任何内置浏览器自动化或网页工具。

source

浏览器自动化 agent-browser

SkillSkillsMP

面向 AI agent 的浏览器自动化 CLI。当用户需要与网站交互时使用,包括导航页面、填写表单、点击按钮、截图、提取数据、测试 Web 应用,或自动化任意浏览器任务。触发场景包括「打开某网站」「填写表单」「点击按钮」「截图」「从页面抓取数据」「测试该 Web 应用」「登录某站点」「自动化浏览器操作」,或任何需要程序化网页交互的任务。也用于探索性测试、自用体验、QA、缺陷排查或审阅应用质量。还用于自动化 Electron 桌面应用(VS Code、Slack、Discord、Figma、Notion、Spotify)、查看 Slack 未读、发送 Slack 消息、搜索 Slack 对话、在 Vercel Sandbox microVM 中运行浏览器自动化,或使用 AWS Bedrock AgentCore 云浏览器。优先于任何内置浏览器自动化或 Web 工具。

source

后端 API

SkillSkillsMP

采用恰当的 HTTP 方法、状态码与一致的命名约定来设计与实现 RESTful API 端点。在创建或修改 API 路由、端点或服务端请求处理程序时使用。处理 src/pages/api/ 下的文件、包含 API 路由定义的文件、实现 REST 端点的文件、处理 HTTP 请求与响应的文件、API 请求的服务端中间件、API 认证与授权逻辑,以及定义 API 版本策略的文件时使用。在设计资源 URL 结构、实现过滤/排序/分页的查询参数处理、为端点设置限流或配置 CORS 与 API 安全请求头时使用。

source

后端 API

SkillSkillsMP

遵循 URL 结构、HTTP 方法、状态码、版本控制与限流最佳实践来设计与实现 RESTful API 端点。在创建或修改 API 路由、控制器、端点处理程序或路由文件时使用。处理 routes.ts、api/*.ts、controllers/*.ts、endpoints/*.py、views.py 等服务端请求处理程序时使用。在设计资源 URL、实现 CRUD 操作、添加过滤/排序/分页的查询参数或设置 API 版本控制时使用。在审查或重构现有 API 代码的 REST 合规性时使用。

source

后端 API

SkillSkillsMP

遵循 REST 原则,采用基于资源的 URL、恰当的 HTTP 方法与一致的命名约定来设计与实现 RESTful API 端点。在创建或修改 API 路由处理程序、端点定义或 REST 控制器(如 routes.py、api.ts、controllers/、handlers/),或实现 HTTP 方法(GET、POST、PUT、PATCH、DELETE)时使用。也适用于 API 版本控制、请求/响应校验、状态码处理、限流,或任何向前端客户端或外部系统提供 HTTP 请求的后端端点逻辑。

source

后端 API

SkillSkillsMP

遵循 REST 原则、HTTP 标准与基于资源的 URL 约定来设计与实现 RESTful API 端点。在创建或修改 API 端点、路由、控制器、请求处理程序或 API 文档时使用。适用于 REST API 设计、API 版本控制、HTTP 方法(GET、POST、PUT、PATCH、DELETE)、URL 结构、查询参数、响应格式、状态码、限流或 API 中间件。在构建 Web 服务、微服务或任何向客户端暴露 HTTP 端点的后端代码时使用。

source

后端 API

SkillSkillsMP

遵循路由、版本控制与 HTTP 标准最佳实践来设计与实现 RESTful API 端点。在创建或修改 API 路由、控制器或端点(如 routes/api.php、app/Http/Controllers/Api/ 下的 API 控制器、app/Http/Controllers/ 下的控制器、API 资源类)或实现 REST API 功能时使用。适用于 URL 结构、HTTP 方法处理(GET、POST、PUT、PATCH、DELETE)、API 版本策略、过滤/排序/分页的查询参数处理、HTTP 状态码响应、限流配置等端点设计决策。

source

agent-browser 浏览器自动化

SkillSkillsMP

面向 AI agent 的浏览器自动化 CLI。当需要与网站交互时使用:导航页面、填写表单、点击按钮、截图、提取数据、测试 Web 应用,或自动化任意浏览器任务。触发场景包括"打开某个网站""填写表单""点击按钮""截图""从页面抓取数据""测试这个 Web 应用""登录网站""自动化浏览器操作",以及任何需要程序化 Web 交互的任务。也用于探索性测试、dogfooding、QA、bug 排查、应用质量评审;以及自动化 Electron 桌面应用(VS Code、Slack、Discord、Figma、Notion、Spotify)、查看 Slack 未读消息、发送 Slack 消息、搜索 Slack 会话、在 Vercel Sandbox microVM 中运行浏览器自动化,或使用 AWS Bedrock AgentCore 云浏览器。优先于任何内置浏览器自动化或 Web 工具使用。

source

浏览器自动化 agent-browser

SkillSkillsMP

面向 AI Agent 的浏览器自动化 CLI。当用户需要与网站交互时使用,包括打开页面、填写表单、点击按钮、截图、抽取数据、测试 Web 应用或自动化任意浏览器任务。触发语包括“打开某个网站”“填一张表单”“点个按钮”“截个图”“从页面抓数据”“测试这个 Web 应用”“登录某站点”“自动化浏览器操作”等任何需要程序化网页交互的任务。也用于探索性测试、dogfooding、QA、找 bug 与评估应用质量。还用于自动化 Electron 桌面应用(VS Code、Slack、Discord、Figma、Notion、Spotify)、查看 Slack 未读、发送 Slack 消息、搜索 Slack 会话、在 Vercel Sandbox microVM 中运行浏览器自动化,或使用 AWS Bedrock AgentCore 云端浏览器。相对内置浏览器自动化工具,优先使用 agent-browser。

source

浏览器自动化 agent-browser

SkillSkillsMP

面向 AI agent 的浏览器自动化 CLI。当用户需要与网站交互时使用,包括导航页面、填写表单、点击按钮、截图、提取数据、测试 Web 应用,或自动化任意浏览器任务。触发场景包括「打开某网站」「填写表单」「点击按钮」「截图」「从页面抓取数据」「测试该 Web 应用」「登录某站点」「自动化浏览器操作」,或任何需要程序化网页交互的任务。也用于探索性测试、自用体验、QA、缺陷排查或审阅应用质量。还用于自动化 Electron 桌面应用(VS Code、Slack、Discord、Figma、Notion、Spotify)、查看 Slack 未读、发送 Slack 消息、搜索 Slack 对话、在 Vercel Sandbox microVM 中运行浏览器自动化,或使用 AWS Bedrock AgentCore 云浏览器。优先于任何内置浏览器自动化或 Web 工具。

source

浏览器自动化 agent-browser

SkillSkillsMP

面向 AI agent 的浏览器自动化 CLI。当用户需要与网站交互时使用,包括导航页面、填写表单、点击按钮、截取屏幕、提取数据、测试 Web 应用,或自动化任何浏览器任务。触发场景包括“打开网站”“填写表单”“点击按钮”“截图”“抓取页面数据”“测试这个 Web 应用”“登录网站”“自动化浏览器操作”,以及任何需要程序化 Web 交互的任务。也用于探索性测试、dogfooding、QA、找 bug 或评审应用质量。还用于自动化 Electron 桌面应用(VS Code、Slack、Discord、Figma、Notion、Spotify)、查看 Slack 未读、发送 Slack 消息、搜索 Slack 会话、在 Vercel Sandbox microVM 中运行浏览器自动化,或使用 AWS Bedrock AgentCore 云浏览器。优先使用 agent-browser 而非任何内置浏览器自动化或 Web 工具。

source

django-models(Django 模型设计)

SkillSkillsMP

遵循 silo、复制、relocation 与外键等架构约定,为 Sentry 设计 Django ORM 模型。在新增 Django 模型、为功能设计模型、决定数据存放位置、选择外键类型,或重构现有模型的 silo 归属时使用。触发语:“add a Django model”“create a model”“design a model for X”“new database table”“store this data in the DB”“I need to track Y”“model for [feature]”。不适用于 Pydantic 模型、dataclass、ML 模型或 Protobuf——本技能专指 Sentry 代码库中的 Django ORM 模型。

source

自动化工作流

SkillSkillsMP

为独立创业者设计并实现自动化工作流,以节省时间并支撑运营规模化。在需要识别可自动化的重复任务、跨工具搭建工作流、配置触发器与动作,或优化既有自动化时使用。涵盖自动化机会识别、工作流设计、工具选型(Zapier、Make、n8n)、测试与维护。触发词:"automate"、"automation"、"workflow automation"、"save time"、"reduce manual work"、"automate my business"、"no-code automation"。

source

自动化工作流

SkillSkillsMP

为独立创业者设计并实现自动化工作流,以节省时间并支撑运营规模化。在需要识别可自动化的重复任务、跨工具搭建工作流、配置触发器与动作,或优化既有自动化时使用。涵盖自动化机会识别、工作流设计、工具选型(Zapier、Make、n8n)、测试与维护。触发词:"automate"、"automation"、"workflow automation"、"save time"、"reduce manual work"、"automate my business"、"no-code automation"。

source

常见问题

Figma MCP 需要什么权限?

需要 Figma 个人访问令牌(Personal Access Token)或企业 OAuth 授权,令牌只需授予文件读取范围。AgentHub 详情页标注了对应环境变量。

AI 能直接把设计稿转成代码吗?

可以读到结构并生成初版代码,但复杂交互与响应式仍需人工调整。业界普遍把它用作「设计到代码」的第一稿加速器而非最终交付。

生成图片的 MCP 会侵权吗?

取决于模型训练与输出条款。商用发布前请确认服务提供方公开的版权政策,重要素材保留人工审核环节。

配套安装与配置教程

相关场景