设计与前端 Claude Skills
imagegen-frontend-mobile — 移动端 App 视觉生成技能
为 AI 代理提供提升移动端 App 界面设计质量的技能，生成具有高级感、原创性、非千篇一律的 App 屏幕与流程概念图。
Kami · 纸
专业文档与落地页的排版系统：暖米纸底色、墨蓝点缀、衬线层次，一份设计语言贯穿简历、白皮书、PPT 与官网。
独特前端设计指导
帮助你为界面建立有辨识度、非模板化的视觉方向。
OfficeCLI Morph-PPT 技能
为 AI 代理打造的 PowerPoint 平滑过渡（Morph）动画技能，可生成具有跨幻灯片连续运动的 .pptx 文件。
Design Is 设计审计
依据 Dieter Rams 十项原则审计设计，产出分数、裁决，并生成可直接执行的 /make-plan 提示。
VS Code 设计哲学
用价值、原则和设计动作，把“看起来不对”转化为可执行的界面改进。
Codex 图像生成技能
在项目中生成、编辑并管理面向实际用途的位图图像资产。
Playground Builder 互动探索器构建器
把复杂的视觉或结构化选择变成可实时探索的单文件网页工具。
Codex 图像生成与编辑
为项目生成和编辑可直接使用的栅格图像资产。
VS Code CSS 布局规范
用 VS Code 规范构建稳健的 CSS 布局与文本截断体验
Figma 代码组件连接器
将 Figma 组件映射到代码实现，保持设计与代码关联。
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。
深色主题 React 前端设计技能
为数据密集型 React 应用提供可复用的深色视觉、玻璃拟态与动效实现方案。
VS Code 主题与无障碍样式指南
用主题令牌构建一致、可聚焦且支持高对比度的 VS Code 界面。
前端设计审查
帮助团队审查或创建兼具设计质量、可访问性与品牌辨识度的生产级前端界面。
Hatch Pet 动画宠物工坊
把角色或品牌视觉转成可验证、可打包的 Codex 动画宠物。
Expo 原生界面设计指南
帮助 Expo 开发者构建符合 Apple 设计规范、具备原生体验的响应式界面。
Figma 设计系统规则生成器
为 Figma-to-code 项目生成符合代码库约定的设计系统规则。