设计类 MCP / Skill 推荐

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

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

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

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

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

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

综合设计 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 建议落实为具体代码改动。

使用 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 模式。

由 CellCog 驱动的 AI 图像生成与照片编辑：文生图、图生图、角色一致性、产品摄影、基于参考的生成……（原文截断）

使用 React、Next.js、Tailwind CSS 进行前端开发。构建落地页、仪表盘、表单、组件。打造响应式、无障碍、高性能的 UI。

Zoho Recruit API 集成，采用托管式 OAuth。管理候选人、职位、面试与招聘流程。当用户需要在 Zoho Recruit 中读取、创建、更新或搜索候选人、职位、面试、申请等招聘数据时使用本技能；其他第三方应用请使用 api-gateway 技能（https://clawhub.ai/byungkyu/api-gateway）。调用在 `maton login --oauth` 后通过 `maton` CLI 执行，Zoho Recruit 凭据始终留在网关侧、不在本地处理。默认只做读取与列表调用，任何写入或新连接都需经用户确认。删除是批量且不可逆的——每条记录都要逐一批准。本文件还按使用顺序记录把 Zoho Recruit 连接变成自动化的三个构件：连接（第一步）、通过 Maton SDK 执行 Zoho Recruit 操作的托管函数，以及按计划或事件调用该函数的触发器。这些章节是平台自身的 ref……（原文截断）

当用户需要为 LinkedIn、Twitter/X、Instagram、TikTok、Facebook 等平台创作、排期或优化社媒内容时使用。也在用户提到「LinkedIn 帖子」「Twitter 长文」「社媒」「内容日历」「社媒排期」「互动」或「爆款内容」时使用。本技能涵盖内容创作、内容复用和平台专属策略。

从数据生成出版级图表图像。支持折线、柱状、面积、散点、直方图、K 线、饼图/环形、热力图、多系列和堆叠图表。

最高质量 AI 图像生成（约 $0.12-0.20/张）。通过 EvoLink API 实现文生图、图生图和图像编辑。

使用 GPT Image、Gemini Nano Banana、FLUX、Imagen 及头部服务商，通过提示工程、风格控制和智能编辑创建 AI 图像。

使用 xdotool、wmctrl 和 dogtail 控制 Linux 桌面 GUI。当需要与浏览器之外的应用交互、模拟鼠标/键盘输入、管理窗口，或在 X11/GNOME 上检查应用的 UI 层级时使用。支持：(1)在应用中点击/输入，(2)调整/移动窗口，(3)提取基于文本的应用 UI 树（A11y），(4)截图用于视觉分析。