设计与前端 Claude Skills — 第 2 页
Banana Claude —— Gemini 图像创作指挥技能
在 Claude Code 中规划、生成、编辑、对比并审查 Google Gemini 图像，每次付费调用前都先展示完整计划并等待你的批准。
VS Code 设计哲学
用价值、原则和设计动作，把“看起来不对”转化为可执行的界面改进。
AnyDesign 设计分析技能
把截图、网站和 Figma 文件变成结构化、可执行的设计规格，让任何 AI 或设计师都能照着重建设计。
Apple Liquid Glass 设计技能
让 AI 编码代理直接产出苹果级别的「macOS 液态玻璃」风格网页界面，用可执行的设计规则替代泛泛的风格提示。
Diagram Design（编辑级图表生成技能）
为 Claude Code、Codex、Pi 等 Agent 生成编辑级品质的自包含 HTML+SVG 图表——告别阴影堆砌和 Mermaid 式的模板味。
Impeccable
为 AI 编程助手提供完整前端设计语言：一套技能、24 条命令、59 条确定性检测规则，让 AI 生成的界面摆脱千篇一律的模板感。
OpenChamber 主题系统技能
在修改 OpenChamber UI 时，强制使用语义化主题令牌、共享按钮/图标契约与键盘导航规范，避免硬编码颜色和重复实现。
SwiftUI 设计技能
让 SwiftUI 界面看起来是精心设计而非 AI 生成的：六条铁律、设计方向咨询、品牌资产协议与五维评审一体化。
Codex 图像生成技能（imagegen）
让 Codex 直接在对话里生成或编辑位图素材：照片、插画、贴图、UI/产品 mockup，并本地处理透明背景。
UI/UX 咨询顾问
一个风格中性的 UI/UX 访谈式 Skill：先听你的产品和品牌，再帮你定设计系统、评审界面或输出设计规则。
theSVG 品牌图标库
6,500+ 品牌 SVG 图标与云架构图标，通过可预测的 CDN URL 直接获取，无需抓取网页或猜测文件路径。
AI 解说大师 Skill
让 AI Agent 一句话完成电影/短剧解说视频：搜片、选模板、配 BGM 与配音、生成文案、合成成片全流程自动化。
Vox Director：一键生成 Vox 风格拼贴视频
输入一个主题，自动完成脚本、拼贴海报、动画、配音、配乐和字幕，输出成品 Vox 风格解说/广告视频。
Playground Builder 互动探索器构建器
把复杂的视觉或结构化选择变成可实时探索的单文件网页工具。
Codex 图像生成与编辑
为项目生成和编辑可直接使用的栅格图像资产。
CAD（text-to-cad 之 CAD 技能）
让 AI 智能体用自然语言或图片创建、编辑参数化 CAD 模型，并导出 STEP/STL/3MF/GLB 文件。
VS Code CSS 布局规范
用 VS Code 规范构建稳健的 CSS 布局与文本截断体验
Figma 代码组件连接器
将 Figma 组件映射到代码实现，保持设计与代码关联。
OpenChamber 设置界面模式指南
在修改 OpenChamber 设置页面、对话框和搜索行为时，强制代理使用共享原语与本地化、搜索注册约定，避免各页面各自造轮子。
Web 资产生成器
从 Logo、文字或 Emoji 一键生成网站 favicon、PWA 应用图标和社交媒体分享图，并自动输出对应的 HTML 标签。
Figma 新建文件助手
在 Figma 草稿中快速创建空白设计或 FigJam 文件。
Figma 设计实现助手
将 Figma 设计转化为可集成、可验证的高保真前端代码。
Guizang 网页演示 Skill
把文章和观点制作成可直接演示的单文件 HTML 幻灯片。
GPT Image 2 图像创作工作流
为 GPT Image 2 提供从结构化提示词到图像生成与编辑的完整工作流。