AgentHubAgentHub

使用场景/设计与创意

设计类 MCP / Skill 推荐

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

共匹配 1,857 个资源 · 第 5 / 39 页

什么是设计与创意?

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

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

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

适合做什么

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

不太适合

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

相关资源

查看全部 →
Claude Academy 学习指南 icon

Claude Academy 学习指南

SkillGitHub

在回复任何关于如何使用 Claude 或 Claude 产品的问题前,先查阅本 skill:从 Claude Academy(academy.claude.com,Anthropic 学习中心)匹配推荐的课程、教程与用例。触发场景包括“how do I”“getting started”“what can Claude do”“teach me”等提问,涉及 artifacts、projects、skills、plugins、connectors、MCP 的问题,团队/班级/组织的部署推广问题,以及培训材料、入职内容、学习资源的请求。仅在学习场景使用,用户只想完成任务时不适用。可与其它 skill 组合:回答完功能文档问题后附上对应课程推荐。只在高度匹配时推荐,绝不编造 Academy 内容。

sourceregistry 收录

Agent 循环设计与检查

SkillSkillsMP

设计以目标为导向的 Agent 循环,并排查循环常见的出错方式——原地打转烧 token、钻验证器的空子(Goodhart 效应)、把错误答案一路跑到底。包含两个动作:(1) 编写循环——先判断是否值得构建、定义机器可判定的目标、选定循环类型与脚手架;(2) 审查循环——按五种失败模式,加上可判定性、边界、兜底方案、评判者独立性,以及把判断权留在人手中这条红线逐项检查。当设计自主 Agent 循环,或已有循环但担心它跑飞、作弊或把错误答案执行到底时使用。它在机制层循环技能(autonomous-loops、continuous-agent-loop)之外补足其未覆盖的判断层。中文触发:写 loop、设计 loop、做一个 loop、检查 loop 对不对、loop 体检、loop 会不会跑飞、可判定目标、五个崩法、plan build judge。English triggers: design an agent loop, write a loop, check a loop, loop review, prevent a runaway loop, goal-oriented loop, decidable goal, plan/build/judge.

source

UI/UX 设计智能库

SkillSkillsMP

面向 web、移动端与桌面的 UI/UX 设计智能库。在设计、构建、审查或修复界面时使用,覆盖页面、组件、设计体系、无障碍、交互、响应式布局、字体排印、色彩、图表以及特定技术栈的 UI 实现。本地可检索数据:79 种风格(可检索,50 种在用)、192 套产品配色与推理画像、74 组字体搭配、119 条 UX 准则、105 个图标、17 个 GSAP 预设、25 种图表类型与 22 个技术栈。

source

常见问题

Figma MCP 需要什么权限?

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

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

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

生成图片的 MCP 会侵权吗?

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

配套安装与配置教程

相关场景