设计与前端 Claude Skills
Color Expert 颜色科学专家技能
将编码代理变成颜色科学专家：涵盖色彩空间、无障碍对比度、调色板生成、颜料混合与历史色彩理论的完整知识库。
Auteur
像导演拍电影一样指挥 Claude Code 建站：先锁定艺术方向，再生成资产、构建页面，并用可执行的反套路检查封锁每一次发布。
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 导出。
Banana Claude —— Gemini 图像创作指挥技能
在 Claude Code 中规划、生成、编辑、对比并审查 Google Gemini 图像，每次付费调用前都先展示完整计划并等待你的批准。
AnyDesign 设计分析技能
把截图、网站和 Figma 文件变成结构化、可执行的设计规格，让任何 AI 或设计师都能照着重建设计。
Diagram Design（编辑级图表生成技能）
为 Claude Code、Codex、Pi 等 Agent 生成编辑级品质的自包含 HTML+SVG 图表——告别阴影堆砌和 Mermaid 式的模板味。
SwiftUI 设计技能
让 SwiftUI 界面看起来是精心设计而非 AI 生成的：六条铁律、设计方向咨询、品牌资产协议与五维评审一体化。
AI 解说大师 Skill
让 AI Agent 一句话完成电影/短剧解说视频：搜片、选模板、配 BGM 与配音、生成文案、合成成片全流程自动化。
Web 资产生成器
从 Logo、文字或 Emoji 一键生成网站 favicon、PWA 应用图标和社交媒体分享图，并自动输出对应的 HTML 标签。
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 中，以参考模板页为视觉基准，逐页生成整页栅格图片幻灯片，最忠实地还原企业模板、品牌版式与视觉密度。
Web Clone 网站复刻方法论
一套「真源码至上」的网站复刻方法论与可执行侦察脚本，避免照抄 AI 臆造代码。
Superdesign 设计技能
让编码智能体具备真正的设计判断力，告别千篇一律的 AI 风格界面，直接产出可上线的高质量 UI、演示文稿和营销图形。
HTML Anything：万物皆可变成网页
把任何文件、文件夹、网址或数据导出自动变成精美、可交互、可分享的单文件 HTML 页面，替代冗长的 Markdown 回复。
手绘图表技能（hand-drawn-diagrams）
一句自然语言提示，即可生成手绘风格的 Excalidraw 架构图、流程图、线框图，并附带可编辑的托管链接、逐笔描摹动画和 PNG 导出。
Slides-Grab 卡片新闻技能
在 Claude Code / Codex 中复用 slides-grab 工作流，生成 720×720 正方形、适合 Instagram 发布的卡片新闻图片。
Slides Grab 设计技能
在 Claude Code 或 Codex 中，把已批准的幻灯片大纲直接变成高质量、可逐张迭代修改的 HTML 幻灯片，并通过对抗式设计门禁把关质量。
Figma 设计系统规则生成器
为 Figma-to-code 项目生成符合代码库约定的设计系统规则。
Nano Banana Pro 提示词推荐助手
为你的 AI 绘图需求从 10,000+ 社区精选提示词库中智能推荐最匹配的三条，附示例图片，可直接用于 Nano Banana Pro、Midjourney 等任意文生图模型。
归藏社交卡片
把文章、截图和视频转成可渲染的社交图文与动态卡片。
极简编辑风UI设计技能
为AI前端生成高级、编辑风极简UI：暖色单色、精致字体、无渐变无重阴影。