适合设计师的 Claude Skills — 第 2 页
Codex 图像生成技能
在项目中生成、编辑并管理面向实际用途的位图图像资产。
UI/UX 咨询顾问
一个风格中性的 UI/UX 访谈式 Skill：先听你的产品和品牌，再帮你定设计系统、评审界面或输出设计规则。
Playground Builder 互动探索器构建器
把复杂的视觉或结构化选择变成可实时探索的单文件网页工具。
Codex 图像生成与编辑
为项目生成和编辑可直接使用的栅格图像资产。
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 提供从结构化提示词到图像生成与编辑的完整工作流。
Blog Image 博客视觉生成器
通过 Gemini 为博客生成、编辑并优化可发布的视觉素材。
生产级前端界面工程
帮助 AI 编码代理构建可访问、响应式且符合设计系统的生产级用户界面。
baoyu-design：本地运行 Claude Design 的 Agent Skill
将 claude.ai/design 的设计能力打包成 Agent Skill，在本地 Cursor、Claude Code 等任意文件型代理中生成自包含 HTML 的 UI 稿、原型和 PPT。
Artifacts Builder — 多组件前端 Artifact 构建套件
用 React、Tailwind CSS 和 shadcn/ui 快速搭建并打包复杂的 claude.ai HTML artifact，一键生成单文件可分享成品。
Slides Grab 图像原生幻灯片技能
在 Claude Code 或 Codex 中，以参考模板页为视觉基准，逐页生成整页栅格图片幻灯片，最忠实地还原企业模板、品牌版式与视觉密度。
Web Clone 网站复刻方法论
一套「真源码至上」的网站复刻方法论与可执行侦察脚本，避免照抄 AI 臆造代码。
Superdesign 设计技能
让编码智能体具备真正的设计判断力，告别千篇一律的 AI 风格界面，直接产出可上线的高质量 UI、演示文稿和营销图形。
HTML Anything：万物皆可变成网页
把任何文件、文件夹、网址或数据导出自动变成精美、可交互、可分享的单文件 HTML 页面，替代冗长的 Markdown 回复。
Design Auditor 设计审计技能
面向开发者与非设计师的 Claude 技能：按 19 条专业设计规则审计 Figma 文件、代码与截图，并给出可执行的改进报告。
手绘图表技能（hand-drawn-diagrams）
一句自然语言提示，即可生成手绘风格的 Excalidraw 架构图、流程图、线框图，并附带可编辑的托管链接、逐笔描摹动画和 PNG 导出。
深色主题 React 前端设计技能
为数据密集型 React 应用提供可复用的深色视觉、玻璃拟态与动效实现方案。
Frontend Design 高质感前端设计技能
让 AI 生成避开“AI 味”模板审美、可直接用于生产环境的高品质前端界面，覆盖组件、页面、海报与完整 Web 应用。