AgentHubAgentHub

使用场景/设计与创意

设计类 MCP / Skill 推荐

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

共匹配 3,849 个资源 · 第 3 / 81 页

什么是设计与创意?

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

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

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

适合做什么

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

不太适合

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

相关资源

查看全部 →
Hyperliquid 行情(盘口、价格与 OHLCV) icon

Hyperliquid 行情(盘口、价格与 OHLCV)

MCP Serversmithery6.1k

面向 AI 智能体的 Hyperliquid 永续合约行情 API。为 Hyperliquid L1 上全部 229 个永续市场提供实时盘口、中间价、资金费率、未平仓量、24 小时成交量与 OHLCV K 线。直接来自链上数据,不依赖 CoinGecko。 工具:hyperliquid_get_market_data(单个)、hyperliquid_get_all_markets(总览)、hyperliquid_get_candles(OHLCV)。 适合交易信号、市场分析、回测,或构建 Hyperliquid 交易机器人。是所有 Hyperliquid 集成的基础数据层。重要:若要大户动向跟踪,请改用 hyperliquid_track_whale_positions。 返回实时 L1 数据。无需 API key——在 Base L2 上以 x402 微支付,每次 0.001 美元。

streamable-http

商业模式画布

v0.1.0

SkillClawHub5.8k

为单人创业者构建、填充、压力测试并迭代商业模式画布(BMC)。当需要设计或重新设计业务如何创造、交付和获取价值时使用——覆盖 BMC 九大模块,并加入单人创业者专属适配,如“时间与精力”模块和单位经济验证。触发词:business model canvas、设计我的商业模式、我怎么赚钱、商业模式、BMC、价值主张画布、我的业务怎么运转、给我的点子变现。

source

UI/UX 设计智库 Pro Max

v0.1.0

SkillClawHub5.5k

UI/UX 设计智能库:50 种风格、21 组调色板、50 组字体搭配、20 种图表、9 大技术栈(React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui)。动作:规划、构建、创建、设计、实现、评审、修复、改进、优化、增强、重构、检查 UI/UX 代码。项目:网站、落地页、仪表盘、后台面板、电商、SaaS、作品集、博客、移动应用及 .html/.tsx/.vue/.svelte 文件。元素:按钮、弹窗、导航栏、侧边栏、卡片、表格、表单、图表。风格:玻璃拟态、黏土拟态、极简、粗野主义、新拟态、bento 网格、暗黑模式、响应式、拟物、扁平。主题:调色板、无障碍、动效、布局、排版、字体搭配、间距、悬停、阴影、渐变。集成:shadcn/ui MCP 用于组件搜索与示例。

source

电脑装机助手

v0.1.46

SkillClawHub5.3k

用于预算台式机装机规划与推荐、PC 硬件 DIY、升级、配置补全、兼容性检查、硬件指导,以及本地 LLM 的 GPU/显存/内存选型和游戏、直播、创作、美观、紧凑或 ITX 主机配置。内置价格为国内市场人民币参考价;用户显式覆盖时各币种分开处理。支持中文预算装机、装机 DIY、整机推荐、旧机升级、配置补全、搭配或兼容检查、硬件问答等。不适用于笔记本、服务器采购、下单支付、远程控制、安全隔离或独立软件、游戏与智能体教程。

source

Canva Connect

v1.0.0

SkillClawHub5k

通过 Connect API 管理 Canva 设计、素材与文件夹。 能力范围: - 列出/搜索/整理设计与文件夹 - 导出完成的设计(PNG/PDF/JPG) - 上传图片到素材库 - 用数据自动填充品牌模板 - 创建空白设计(文档/演示/白板/自定义) 不支持: - 向设计添加内容(文字、形状、元素) - 编辑已有设计内容 - 上传文档(仅支持图片) - AI 生图设计 最适合:素材管线、导出自动化、文件整理、模板自动填充。 触发词:/canva、“上传到 canva”“导出设计”“列出我的设计”“canva 文件夹”。

source

常见问题

Figma MCP 需要什么权限?

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

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

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

生成图片的 MCP 会侵权吗?

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

配套安装与配置教程

相关场景