适合设计师的 Claude Skills
Color Expert 颜色科学专家技能
将编码代理变成颜色科学专家：涵盖色彩空间、无障碍对比度、调色板生成、颜料混合与历史色彩理论的完整知识库。
Draw.io 图表生成技能
让 AI 助手直接生成原生 .drawio 图表文件，并可导出 PNG/SVG/PDF 或生成浏览器编辑链接，无需任何 MCP 配置。
Video ShotCraft：电影感产品视频制作技能
让 Claude Code / Codex 变成动效工作室：用 157 张镜头配方卡、Remotion 模板和声音设计，把产品网页变成一支电影感宣传片。
Slides Grab HTML 幻灯片技能
在 Claude Code / Codex 中生成语义化 HTML 幻灯片，配 AI 定制配图、设计审查关卡与 PDF/PPTX 导出。
TypeUI（Hermes Agent 设计技能）
为 Hermes Agent 接入 TypeUI MCP 服务器，在生成或改写 UI 时提供项目设计技能、品牌套件、UI 提示词与布局变体指导，避免 AI 产出脱离品牌与设计规范的界面。
Diagram Design（编辑级图表生成技能）
为 Claude Code、Codex、Pi 等 Agent 生成编辑级品质的自包含 HTML+SVG 图表——告别阴影堆砌和 Mermaid 式的模板味。
SwiftUI 设计技能
让 SwiftUI 界面看起来是精心设计而非 AI 生成的：六条铁律、设计方向咨询、品牌资产协议与五维评审一体化。
Codex 图像生成技能（imagegen）
让 Codex 直接在对话里生成或编辑位图素材：照片、插画、贴图、UI/产品 mockup，并本地处理透明背景。
Codex 图像生成与编辑
为项目生成和编辑可直接使用的栅格图像资产。
Guizang 网页演示 Skill
把文章和观点制作成可直接演示的单文件 HTML 幻灯片。
baoyu-design：本地运行 Claude Design 的 Agent Skill
将 claude.ai/design 的设计能力打包成 Agent Skill，在本地 Cursor、Claude Code 等任意文件型代理中生成自包含 HTML 的 UI 稿、原型和 PPT。
Slides Grab 图像原生幻灯片技能
在 Claude Code 或 Codex 中，以参考模板页为视觉基准，逐页生成整页栅格图片幻灯片，最忠实地还原企业模板、品牌版式与视觉密度。
Superdesign 设计技能
让编码智能体具备真正的设计判断力，告别千篇一律的 AI 风格界面，直接产出可上线的高质量 UI、演示文稿和营销图形。
HTML Anything：万物皆可变成网页
把任何文件、文件夹、网址或数据导出自动变成精美、可交互、可分享的单文件 HTML 页面，替代冗长的 Markdown 回复。
手绘图表技能（hand-drawn-diagrams）
一句自然语言提示，即可生成手绘风格的 Excalidraw 架构图、流程图、线框图，并附带可编辑的托管链接、逐笔描摹动画和 PNG 导出。
Hatch Pet 动画宠物工坊
把角色或品牌视觉转成可验证、可打包的 Codex 动画宠物。
Slides-Grab 卡片新闻技能
在 Claude Code / Codex 中复用 slides-grab 工作流，生成 720×720 正方形、适合 Instagram 发布的卡片新闻图片。
Slides Grab 设计技能
在 Claude Code 或 Codex 中，把已批准的幻灯片大纲直接变成高质量、可逐张迭代修改的 HTML 幻灯片，并通过对抗式设计门禁把关质量。
Figma 设计系统规则生成器
为 Figma-to-code 项目生成符合代码库约定的设计系统规则。
归藏社交卡片
把文章、截图和视频转成可渲染的社交图文与动态卡片。
图像转代码技能
先生成网站设计参考图，再深度解析，最后忠实实现为前端代码。
极简编辑风UI设计技能
为AI前端生成高级、编辑风极简UI：暖色单色、精致字体、无渐变无重阴影。