AgentHubAgentHub

使用场景/设计与创意

设计类 MCP / Skill 推荐

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

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

什么是设计与创意?

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

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

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

适合做什么

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

不太适合

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

相关资源

查看全部 →

自动化工作流程(中文)

SkillSkillsMP

设计和实施自动化工作流程,节省时间并实现独立创业者的规模化运营。适用于识别需要自动化的重复任务、跨工具构建工作流程、设置触发器和操作,或优化现有自动化流程。涵盖自动化机会识别、工作流程设计、工具选择(Zapier、Make、n8n)、测试和维护。触发词:"automate"、"automation"、"workflow automation"、"save time"、"reduce manual work"、"automate my business"、"no-code automation"。

source
vision-analysis icon

vision-analysis

SkillGitHub 中文

借助 MiniMax 视觉 MCP 工具分析、描述并提取图像信息。适用场景:用户分享图片文件路径或 URL(消息中含 .jpg、.jpeg、.png、.gif、.webp、.bmp、.svg 扩展名),或在提及图像时使用 analyze、analyse、describe、explain、understand、look at、review、extract text、OCR 等词,对象可以是 image、screenshot、diagram、chart、mockup、wireframe、photo。另外触发:UI 原型评审、线框图分析、设计点评、图表数据提取、物体识别、人/动物/活动识别。

sourceregistry 收录
react-native-dev icon

react-native-dev

SkillGitHub 中文

React Native 与 Expo 开发指南,覆盖组件、样式、动画、导航、状态管理、表单、网络请求、性能优化、测试、原生能力与工程化(项目结构、部署、SDK 升级、CI/CD)。适用场景:构建 React Native 或 Expo 应用、实现动画或原生 UI、管理状态、拉取数据、编写测试、优化性能、上架 App Store/Play Store、配置 CI/CD、升级 Expo SDK、配置 Tailwind/NativeWind。

sourceregistry 收录
minimax-pdf icon

minimax-pdf

SkillGitHub 中文

当 PDF 的视觉质量与设计风格至关重要时使用本技能。CREATE(从零生成):「做个 PDF」「生成报告」「写份提案」「做简历」「精美 PDF」「正式文档」「封面页」「交付客户的文档」。FILL(填写表单域):「填表」「把这个 PDF 填完」「补全表单」「往 PDF 里写值」「这版 PDF 有哪些字段」。REFORMAT(套用设计):「重排这份文档」「套用我们的样式」「把 Markdown/文本转成 PDF」「让文档更好看」「重排样式」。本技能采用基于 token 的设计系统:色彩、字体与间距由文档类型推导并贯穿每一页,输出可直接印刷。当外观重要(而不仅仅是需要 PDF 输出)时优先使用。

sourceregistry 收录
ios-application-dev icon

ios-application-dev

SkillGitHub 中文

iOS 应用开发指南,覆盖 UIKit、SnapKit 与 SwiftUI。包含触控区域、安全区、导航模式、Dynamic Type、深色模式、无障碍、集合视图、常用组件与 SwiftUI 设计规范。具体主题的详细参考见引用文件。适用场景:开发 iOS 应用、实现 UI、审查 iOS 代码、处理 UIKit/SnapKit/SwiftUI 布局、构建 iPhone 界面、Swift 移动开发、遵循 Apple HIG、实现 iOS 无障碍。

sourceregistry 收录
fullstack-dev icon

fullstack-dev

SkillGitHub 中文

全栈后端架构与前后端集成指南。触发时机:构建全栈应用、创建带前端的 REST API、搭建后端服务、待办应用、CRUD 应用、实时应用、聊天应用,Express + React、Next.js API、Node.js/Python/Go 后端,设计服务层、实现错误处理、管理配置/认证、接入 API 客户端、实现登录流程、处理文件上传、添加实时能力(SSE/WebSocket)、生产环境加固。不触发:纯前端 UI、纯 CSS/样式、仅数据库 schema。

sourceregistry 收录

个人生产力诊断

v1.0.6

SkillClawHub26.1k

诊断并修复个人生产力问题:不堪重负、拖延、优先级混乱、习惯崩坏、总也忙不完的空转。当某人压力过大或进度落后;无法开始、无法停下、只顾反复计划而不动手;一切都像急事、清单不再可信;目标从未变成已交付的成果;一天被会议和消息吞噬;某个习惯反复断裂;想要每周回顾、收尾例程,或为目标、项目与承诺找一个可托付的唯一去处;以及当约束来自处境本身——学生、管理者、高管、家长、自由职业者、创业者、创意工作者、远程办公、ADHD、倦怠或对休息心存愧疚。涵盖产能测算、工时估算、在制品限制、委派与说不。不适用于日历 API 自动化(`calendar-planner`)、日常清单执行(`task-list`),或更窄的工具:时间分块(`time-management`)、习惯打卡(`habits`)、深度工作仪式(`deep-work`)。

source

Docker

v1.0.10

SkillClawHub16.2k

构建、调试、加固并交付 Docker 容器、镜像与 Compose 栈。在以下情况使用:编写或评审 Dockerfile、compose 文件或 CI 构建步骤时;容器秒退、无限重启循环、被 OOM 杀掉、停止时卡住或退出码 137/139/127 时;发布端口不通、容器互相无法解析或经 VPN 后请求挂起时;磁盘被占满且 `/var/lib/docker` 无法清理时;构建缓慢、缓存永不命中或仅在 CI 失败时;遇到 `exec format error` 或 musl 与 glibc 不兼容时;选择基础镜像或多阶段布局时;registry 登录失败或拉取限流时;密钥必须留在镜像历史之外时;以及卷需要备份、恢复或修权限时。涵盖 Compose 陷阱与 Desktop/colima/OrbStack/Podman 差异。不适用于 Kubernetes 清单与集群调度(`k8s`)。

source

翻译 Translate

v1.0.2

SkillClawHub13.7k

在任意语言对之间翻译并本地化文本、软件字符串、文档、字幕和营销文案。在翻译任何内容、修复读起来像机翻的译文,或对产品做本地化时使用:ICU 复数与性别、必须保留的占位符、字符串目录(JSON、XLIFF、.po、.strings、.xcstrings、ARB、RESX、YAML)、locale 代码与回退链、RTL 与双向文本错乱、CJK 排版、乱码、撑破 UI 的文本扩展、字幕时间轴与阅读速度、hreflang 与多语言 SEO、术语表、翻译记忆与模糊匹配、机器翻译译后编辑。在选择语域(tu/vous、tú/usted、du/Sie、敬语)、在 es-ES 与 es-419 或 zh-Hans 与 zh-Hant 之间抉择,或涉及认证、法律、医疗翻译责任时使用。不用于以单一语言原生撰写原文(西、法、德、日、中)或从音频生成字幕(video-captions)。

source

DevOps 交付运维

v1.0.2

SkillClawHub9.8k

负责软件交付侧工作:CI/CD 流水线、发布与回滚策略、环境管理、可靠性与值班。在设计或修复流水线、构建缓慢/不稳定/本地通过但 CI 失败时;规划部署(滚动、蓝绿、金丝雀、特性开关)或回滚发布时;将制品提升到生产、搭建预览环境或排查配置漂移时;schema 变更、数据回填或 DNS 切换必须零停机发布时;加固流水线密钥、OIDC 或部署权限时;告警噪音过大、缺少 SLO 或错误预算、burn-rate 呼叫策略有误时;涉及值班、故障等级、事后复盘、runbook 与 DORA 指标时;基础设施与代码漂移、备份从未验证恢复时使用。不适用于 Kubernetes 清单(k8s)、镜像构建(docker)、HCL 语法(terraform)、单一 CI 产品的工作流文件方言(github-actions、gitlab、ci-cd)或单个应用的发布清单(deploy)。

source

常见问题

Figma MCP 需要什么权限?

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

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

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

生成图片的 MCP 会侵权吗?

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

配套安装与配置教程

相关场景