设计与前端 Claude Skills — 第 4 页
Nano Banana Pro 提示词推荐助手
为你的 AI 绘图需求从 10,000+ 社区精选提示词库中智能推荐最匹配的三条，附示例图片，可直接用于 Nano Banana Pro、Midjourney 等任意文生图模型。
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 文件。
网页视频演示工坊
把文章或口播稿转成可点击、可录屏的电影感 16:9 网页视频。
imagegen-frontend-web：网站视觉参考生成器
为前端网站生成高品质、可落地实施的分区视觉参考图，杜绝AI风格化“垃圾”输出。
极简编辑风UI设计技能
为AI前端生成高级、编辑风极简UI：暖色单色、精致字体、无渐变无重阴影。
Figma 设计系统页面构建器
用现有设计系统组件把代码或描述转换成可维护的 Figma 页面。
Cate 主题创作工具
为 Cate IDE 创建、编辑和验证一体化主题——覆盖应用界面、终端和代码编辑器。
Stitch React 组件构建器
将 Stitch 设计屏幕转换为模块化、可维护且经过验证的 React 组件。
Stitch 界面生成器
用文字或图片生成、编辑并探索 Stitch 界面设计。
Stitch 设计系统管家
在 Stitch 中创建、更新并应用统一的界面设计系统。
Stitch 设计系统文档生成器
分析 Stitch 项目并生成可复用的 DESIGN.md 设计规范。
OfficeCLI 融资路演 PPT 技能
面向 AI 代理的融资路演 PPT 技能：基于 OfficeCLI，为种子轮到 C 轮打造专业、可交付的投资人演示文稿。
花叔 Design
用 HTML 直接产出可交付的原型、幻灯片、动画和视觉设计。