AgentHubAgentHub

使用场景/设计与创意

设计类 MCP / Skill 推荐

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

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

什么是设计与创意?

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

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

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

适合做什么

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

不太适合

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

相关资源

查看全部 →

微信小程序开发

v1.28.65

SkillClawHub5k

用于构建、调试、预览、测试、发布和优化小程序项目的小程序设计(开发、调试、预览、发布)。涵盖项目结构与配置(`project.config.json`、`appid`、`miniprogramRoot`、`tabBar`、路由/导航、图标资源)、微信开发者工具 Nightly 工作流(`wechatide` CLI、WeChat IDE Skills/MCP)、`miniprogram-ci` 预览/上传、控制台/网络调试、消息推送与客服消息自动回复、小程序搜索优化/收录(页面收录、搜索推广、mpcrawler),以及 CloudBase 集成(`wx.cloud`、腾讯云开发、云开发)。当用户创建、开发、修改、调试、预览、部署、发布或推广微信小程序时使用。不适用于 Web 前端(用 web-development)、纯后端服务(用 cloudrun-development / cloud-functions)或纯 UI 设计任务(用 ui-design)。

source

AdCP 广告投放

v1.0.1

SkillClawHub4.9k

用 AI 自动化广告投放:创建广告、购买媒介、管理预算、发掘广告库存、投放展示广告、视频广告、CTV campaign 并优化效果。适合营销自动化、程序化广告、媒介采买、广告管理、campaign 优化、创意管理与效果追踪;用自然语言投放 Facebook 广告、Google 广告、展示广告、视频营销与多渠道 campaign,支持定向、人群细分、ROI 追踪与自动出价。

source

Node.js

v1.0.4

SkillClawHub4.9k

构建、调试与加固 Node.js 服务器、CLI 和 npm 包:异步、模块、流、内存与进程生命周期。在编写或评审运行于 Node 的代码时使用;当进程挂起不退出、内存泄漏、被 OOM 杀死、单核 100% 打满或因未处理拒绝崩溃;当报错为 EADDRINUSE、EMFILE、ECONNRESET、ERR_MODULE_NOT_FOUND、ERR_REQUIRE_ESM 或“__dirname is not defined”;当 import 与 require 互操作出错、流把全部内容堆在内存、负载均衡后的服务器间歇返回 502、或 SIGTERM 丢弃在途请求;当 npm install、锁文件、peer 依赖、workspaces、原生模块构建或发布行为异常;当本地测试通过而 CI 失败;或在容器化、性能剖析与优雅停机时。不适用于纯浏览器 JavaScript、TypeScript 类型系统设计或 Bun、Deno 运行时。

source

Elicitation 提问引导

v1.0.4

SkillClawHub4.7k

通过自然对话进行心理侧写,基于叙事身份研究(McAdams)、自定义记忆提取(Singer)与动机式访谈(OARS 框架)。适用于:(1) 理解他人的核心价值观与动机;(2) 发掘塑造性记忆与人生关键经历;(3) 识别情绪图式与信念模式;(4) 通过渐进式自我表露构建心理画像;(5) 开展能揭示深层洞察的用户访谈;(6) 设计用于自我探索的对话流程;(7) 识别救赎型与污染型叙事等身份主题;(8) 在不审问的前提下引导真实的自我表露。

source

JavaScript

v1.0.6

SkillClawHub4.6k

编写、调试并审查 JavaScript:异步与事件循环、类型隐式转换、闭包、日期、Unicode、正则,以及 ES2023+ 现代 API。当 JS 抛出 TypeError 或“undefined is not a function”、Promise 永不落定或拒绝未被处理、出现 NaN 或 [object Object]、日期偏移一天、排序或相等比较结果异常、内存持续增长、正则卡死、JSON 丢失精度、Node 进程无法退出或忽略信号、fetch 遇到 404 却不 reject 时使用;在选择数据结构、处理错误、剖析慢代码,或判断某特性对目标 Node 或浏览器版本是否安全时同样适用。覆盖 Node 与浏览器运行时的边界情况。不适用于 TypeScript 类型系统设计或框架内部实现。

source

GemBox 编程助手

v0.9.0

SkillClawHub4.6k

面向 GemBox 组件(https://www.gemboxsoftware.com/)的编码辅助。当用户询问任何 GemBox 组件或可用 GemBox 组件完成的编码任务时使用,包括 GemBox.Spreadsheet(.NET 读写 Excel)、GemBox.Document(.NET 读写 Word)、GemBox.Pdf(.NET 读写 PDF)、GemBox.Presentation(.NET 读写 PowerPoint)、GemBox.Email(.NET 读写邮件文件、收发邮件)、GemBox.Imaging(.NET 读写图片),以及 GemBox.PdfViewer(JavaScript 显示/打印/保存 PDF)。

source

Vue

v1.0.3

SkillClawHub4.6k

构建、调试并审查 Vue 3 应用:响应式、组件、组合式函数、Pinia 状态管理、Vue Router、表单与性能。当状态变更后界面不更新、响应式对象在解构或重新赋值后丢失响应性、漏写 .value、watcher 不触发或陷入循环(“Maximum recursive updates exceeded”)、props 或 v-model 停止同步、模板 ref 为 null、SSR 报 hydration mismatch、路由参数变化后组件未重新加载、Pinia 提示“getActivePinia() was called but there was no active Pinia”、控制台出现“Failed to resolve component”或“Extraneous non-props attributes”、抛出的错误导致页面白屏、长列表或大对象让输入卡顿、图表或地图库被放进 ref() 后失效、scoped 样式作用不到子组件,或需要把 Vue 2 的 Options API 迁移到 Composition API 与 script setup 时使用。不适用于 Nuxt 特有的 SSR、路由与数据获取(nuxt)、Vite 构建配置(vite),也不适用于 React 与 Svelte(react、svelte)。

source

AWS | 亚马逊云服务

v1.0.7

SkillClawHub4.4k

架构设计、排障、加固与成本优化 AWS 基础设施——EC2、Lambda、RDS、VPC、IAM、ECS、CloudFront。用于在 AWS 上部署或评审任何内容;账单暴涨或需要降本;AccessDenied、限流、超时、502/503/504 或数据库不可达且原因不明;在 Lambda、Fargate、EC2、RDS、DynamoDB、SQS、EventBridge 之间做选型;加固 IAM 策略、S3 暴露、安全组或密钥;面向 AWS 编写 Terraform/CloudFormation/CDK;审计接手来的账号;或服务配额、冷启动、连接上限、故障切换引发故障时。涵盖 VPC 与子网设计、NAT 与 VPC 端点取舍、Organizations 与跨账号角色、备份与容灾、CLI/SSO 配置。不适用于对象存储深度实践(s3)、DynamoDB 键建模(dynamodb)、K8s 清单编写(k8s)或 Terraform 语言机制(terraform)。

source

常见问题

Figma MCP 需要什么权限?

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

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

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

生成图片的 MCP 会侵权吗?

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

配套安装与配置教程

相关场景