适合设计师的 Claude Skills — 第 3 页
VS Code 主题与无障碍样式指南
用主题令牌构建一致、可聚焦且支持高对比度的 VS Code 界面。
前端设计审查
帮助团队审查或创建兼具设计质量、可访问性与品牌辨识度的生产级前端界面。
Hatch Pet 动画宠物工坊
把角色或品牌视觉转成可验证、可打包的 Codex 动画宠物。
Expo 原生界面设计指南
帮助 Expo 开发者构建符合 Apple 设计规范、具备原生体验的响应式界面。
Slides-Grab 卡片新闻技能
在 Claude Code / Codex 中复用 slides-grab 工作流，生成 720×720 正方形、适合 Instagram 发布的卡片新闻图片。
Slides Grab 设计技能
在 Claude Code 或 Codex 中，把已批准的幻灯片大纲直接变成高质量、可逐张迭代修改的 HTML 幻灯片，并通过对抗式设计门禁把关质量。
Figma 设计系统规则生成器
为 Figma-to-code 项目生成符合代码库约定的设计系统规则。
网页设计工程师
把网页创作从“能用”提升为精致、可交互且具有视觉辨识度的体验。
品牌套件生成技能 (Brandkit)
为 AI 提供高端品牌指南版式设计能力，打造极简、电影感、编辑级的品牌视觉板。
Anthropic 品牌风格指南技能
一套封装了 Anthropic 官方品牌色与字体规范的技能，让任何文档或产物快速套用统一的品牌视觉风格，无需人工查色值。
Slack GIF 动图创作工具包
为 Slack 生成符合大小与尺寸约束的动画 GIF，覆盖消息动图与表情动图两类场景，自动校验 64KB 严格上限。
Image Crop and Rotate 图像裁剪旋转技能
一个将图片从中心裁剪至50%并顺时针旋转90度的本地图像处理技能，配合沙箱环境全程保护隐私。
Figma 设计系统构建器
从代码库构建并校验专业级 Figma 设计系统。
Figma 设计转代码助手
从 Figma 获取设计上下文并将节点实现为生产代码。
归藏社交卡片
把文章、截图和视频转成可渲染的社交图文与动态卡片。
Stitch 静态 HTML 提取器
把运行中的网页应用转换为可独立分享和上传的静态 HTML。
Stitch 提示词增强器
把模糊的界面想法整理成更具体、更适合 Stitch 生成的提示词。
9Router 视频生成技能（xAI Grok Imagine）
通过 9Router 统一接口调用 xAI Grok Imagine，以异步任务方式生成、编辑和延长视频，支持文生视频与图生视频。
工业粗野主义 UI 技能
为 AI 代理提供粗野主义与战术遥测界面设计规则，生成原始、机械感强、数据密集的前端界面。
GPT 品味技能（gpt-taste）
使 AI 生成的界面摆脱模板化，达到 Awwwards 级别的前端设计工程。
图像转代码技能
先生成网站设计参考图，再深度解析，最后忠实实现为前端代码。
3D Morph PPT 扩展技能
为 AI 智能体提供在 PowerPoint 中插入 GLB 3D 模型并创建电影级 Morph 过渡动画的能力。
Design Skill — 专业演示幻灯片设计系统
把演示大纲渲染成精致、排版考究的 HTML 幻灯片，解决 AI 生成演示稿缺乏专业视觉设计的问题。
Figma 插件 API 操作助手
让智能代理按规则安全地读写 Figma 文件。