设计类 MCP / Skill 推荐

Figma

连接Figma的MCP服务器，支持设计文件管理和操作

创建、检查、处理并优化图像文件与视觉资产：可靠的格式选择、缩放、压缩、色彩配置文件、元数据与平台……（原文截断）

专业的 Figma 设计分析与资产导出。用于提取设计数据、以多种格式导出资产、审计无障碍合规、分析设计系统并生成全面的设计文档。对 Figma 文件做只读分析，具备强大的导出和报告能力。

通过 Canva Connect API 创建和管理 Canva 设计、上传素材、导出内容并管理品牌模板。当用户希望自动化设计工…时使用本技能。

通过 Figma REST API 读取文件、管理评论、提取设计令牌、下载图片以及创建 webhook。当用户希望…（查看设计稿）时使用本技能。

通过 Connect API 创建、导出与管理 Canva 设计。以编程方式生成社交贴图、轮播图与平面图形。

以量化规则执行并评析视觉设计：层级、间距、字号、色彩与布局。用于设计 UI 界面、落地页、幻灯片、海报、社交图、邮件、图表或 PDF；当设计看起来别扭、杂乱、业余或平淡却说不出原因；当没有亮点或文字难以阅读；当需要无设计系统下选字体、配对字体或定色板；当为界面适配深色模式或移动端；或在交付前审查生成的 HTML/CSS。不适用于设计 token 与组件库（design-system）或品牌策略（branding）。

Figma MCP 套件。

Resize, convert, compress, crop, thumbnail and watermark images from your AI chat.

本地压缩、转换与调整图片尺寸，内置电商平台预设与规则复检。

导出文件、读取设计数据，管理项目、评论与团队素材

创建设计、管理素材，并从外部工作流自动生成设计

为 AI 智能体提供图像元数据、网站图标与 OG 分享图分析。

综合设计 skill：品牌识别、设计 token、UI 风格、logo 生成（55 种风格，可用 Gemini、Atlas Cloud 或 MuAPI AI）、企业识别系统（50 项交付物、CIP 样机）、HTML 演示（Chart.js）、banner 设计（22 种风格，社交/广告/网页/印刷）、图标设计（15 种风格，SVG，Gemini 3.1 Pro）、社交图片（HTML 转截图、多平台）。动作：设计 logo、制作 CIP、生成样机、做 slides、设计 banner、生成图标、制作社交图片/社媒图、品牌识别、设计体系。平台：Facebook、Twitter、LinkedIn、YouTube、Instagram、Pinterest、TikTok、Threads、Google Ads。

为页面、组件、视觉界面、字体排印与基于截图的打磨，产出具辨识度、生产级的 UI。当用户以任何语言提出 UI、页面、组件、前端、字体排印、基于截图的视觉打磨需求，或抱怨界面看不清、丑、不一致、视觉上不对劲时使用。不适用于后端逻辑或数据管道。

研究驱动的功能设计与实施计划。将头脑风暴与规划合并为一个流程。适用于设计新功能时。触发词：“design”、“brainstorm”、“plan a feature”、“how should we build X”

为页面、组件、视觉界面、字体排印与基于截图的打磨，产出具辨识度、生产级的 UI。当用户用中文提出设计/做页面/做组件/UI/前端/截图需求，或抱怨界面丑、看不清、不一致、视觉上不对劲时使用。不适用于后端逻辑或数据管道。

设计 MegaLinter 方案并撰写技术规格。属于贡献流程的第二步，在 /analyze 之后使用。

在撰写或修改 docs/dev/design/ 下的 Toasty 设计文档之前，务必先使用本 skill。

规范的仓库内 DESIGN.md 工作流：作为产品、UI/UX 与前端决策的唯一事实来源。

figma

使用 Figma MCP 服务器获取设计上下文、截图、变量与素材，并把 Figma 节点翻译为可上线代码。当任务涉及 Figma URL、节点 ID、设计到代码的实现，或 Figma MCP 的配置与排障时触发。

iFlytek PDF 与图片 OCR

讯飞 PDF 与图片 OCR 技能，同时支持图片 OCR（AI 大模型 OCR）与 PDF 文档识别。用于对图片或 PDF 做 OCR、从图像/PDF 中提取文本、把 PDF 转换为 Word/Markdown，或对图片与 PDF 执行其他 OCR 任务；支持多语言文本提取、版面理解与多种输出格式。

iFlytek 图片理解

用于用户要求分析图片、描述图像内容或回答与图片相关问题的场景。讯飞图片理解——基于星火视觉（Spark Vision）模型分析图片并回答问题，采用 WebSocket API，仅使用 Python 标准库，无需 pip 依赖。

在构建 MCP 服务器或 MCP 工具时使用 —— 系统化的生产级 MCP 构建方法论，覆盖工具设计、错误处理、传输层选择与测试，让 AI 助手连接外部能力

中式 DESIGN.md 设计系统。当用户要"中国风网页""国风页面""中式设计系统""给项目定个中式风格""DESIGN.md""让 AI 按设计规范生成界面""中文网页排版规范"时使用。提供 8 套可直接丢进项目根目录的 DESIGN.md，AI 读了就按这套规范生成界面。含西文设计系统普遍缺失的中文排版规则。

移动 App UI 设计

设计移动 App 或 UI 界面，并将 Sleek 设计落地为代码。

面向 Codex 的图生代码技能，先出设计图再实现网站。

按页面板块逐张生成横向设计参考图，保持统一配色。

RunComfy 图生视频

按动画意图在 RunComfy 目录中匹配合适的图生视频模型。

图像编辑

在 RunComfy 上按意图自动匹配最合适的图像编辑模型。

生成 App 原生风格的界面概念与流程设计图，仅出图。

保留的 v1 原版设计品味 Skill，仅供需要精确向后兼容的项目使用。

融入 Emil Kowalski 的 UI 打磨与动画决策理念。

将 Apple 的界面设计与流畅物理动效理念移植到网页端，涵盖手势驱动 UI、弹簧动画、拖拽/滑动/弹层交互、惯性动效与可打断过渡、半透明材质与纵深感、排版、reduced-motion 及 Apple 风格界面的设计基础。

专业前端设计指南，打造精美现代 UI。在制作落地页、仪表盘或任意用户界面时使用。

面向打造精致界面的 UI/UX 设计知识与实现指导。当用户要求 UI 设计、UX 流程、信息架构、视觉风格方向、设计系统/令牌、组件规格、文案/微文案、无障碍，或生成/评审/打磨前端 UI（HTML/CSS/JS、React、Next.js、Vue、Svelte、Tailwind）时使用。工作流包括：(1) 生成新 UI 布局与样式；(2) 改进现有 UI/UX；(3) 产出设计系统令牌与组件指南；(4) 把 UX 建议落实为具体代码改动。

Magic UI

多功能AI辅助工具的MCP服务器

使用 DuckDuckGo 执行网页搜索，从互联网获取实时信息。当用户需要搜索时事、文档、教程或任何需要联网检索的内容时使用。

打造有独特风格、达到生产级品质的高设计感前端界面。在构建 Web 组件、页面或应用时使用，生成富有创意、打磨精细的代码，避免千篇一律的 AI 审美。

通过 OpenAI Images API 批量生成图像。支持随机提示词采样与 `index.html` 画廊。

用于创建、编辑与分析 Microsoft Office 文档（Word、Excel、PowerPoint）的高级套件，提供自动化报告等专用工具……（原文截断）

免费档无需 API Key。专业的加密货币与股票市场数据集成：实时价格、公司资料与全球行情分析。基于 Node.js，零外部依赖。

移动优先 UI/UX 设计专家指导：色彩体系、字体排印、无障碍（WCAG 2.2）、Tailwind + Shadcn/ui 集成、微交互等……（原文截断）

由 CellCog 驱动的 AI 图像生成与图片编辑。文生图、图生图、角色一致性、商品摄影、基于参考图生成、风格迁移、成套图片、社媒视觉、品牌资产、贴纸、漫画、GIF。用多种 AI 模型完成专业图像创作。

使用 Tesseract OCR 从图像中提取文字。

使用 PowerShell 自动化 Windows 图形界面交互（鼠标、键盘、窗口）。当用户需要在桌面上模拟用户输入时使用，例如移动光标、点击按钮、在非 Web 应用中输入文本或管理窗口状态。

使用内部 Google Antigravity API（Gemini 3 Pro Image）生成图像。高质量原生生成，无需浏览器自动化。

Python 编码规范与最佳实践。在编写、审查或重构 Python 代码时使用。强制执行 PEP 8 风格、通过 py_compile 进行语法校验、运行单元测试、仅使用现代 Python 版本（不含 EOL）、在可用时使用 uv 管理依赖，以及地道的 Pythonic 模式。