据 AlphaMoat 统计,截至 2026-06,UI设计Skill 累计下载 2,962 次、获 14 个星标,在全部 63,926 个 Claude 技能中排名第 2,372 位,在「设计创意」分类(4,490 个)中排名第 230 位。
专业UI生成与现有界面优化技能。当用户请求生成UI界面、设计页面、优化现有界面、创建组件库、设计系统、App界面、Web界面、Dashboard、Landing Page、或任何涉及视觉交互设计时必须触发此技能。参考Google Material Design、Apple HIG、以及Pinterest级别审美标准，输出大气简约、高级美学的UI代码。即使用户只是说"帮我做个界面"、"优化一下UI"、"设计一个页面"也必须触发。
| 数据月份 | 累计下载 | 环比 | 星标 | 累计安装 |
|---|---|---|---|---|
| 2026-03 | 243 | — | 0 | 95 |
| 2026-05 | 1,105 | +354.7% | 1 | 241 |
| 2026-06 | 2,962 | +168.1% | 14 | 241 |
使用 Nano Banana Pro (Gemini 3 Pro Image) 生成或编辑图像。支持文生图、图生图及 1K/2K/4K 分辨率，适用于图像创建、修改及编辑请求，使用 --input-image 指定输入图像。
使用 Whisper CLI 进行本地语音转文字（无需 API 密钥）
使用 ffmpeg 从视频中提取帧或短片。
提供 UI/UX 设计智能与实现指导，帮助打造精美界面。适用于 UI 设计、UX 流程、信息架构、视觉风格、设计系统/标记、组件规格、文案/微文案、无障碍及前端 UI（HTML/CSS/JS、React、Next.js、Vue、Svelte、Tailwind）生成/评审/改进。工作流包括：①新 UI 布局与样式生成；②现有 UI/UX 改进；③设计系统标记和组件规范产出；④ UX 建议转化为代码变更。
专家级前端设计指南，用于创建美观、现代的用户界面。适用于落地页、仪表板等各类UI设计。
使用 mcp-diagram-generator MCP 服务器生成和编辑图表。适用于创建新图表、编辑现有的 .drawio/.mmd/.excalidraw 文件、网络拓扑图等场景。
使用 Remotion + React 进行程序化视频创作的完整工具包。涵盖动画、时间控制、渲染（CLI/Node.js/Lambda/Cloud Run）、字幕、3D、图表、文字特效、转场及媒体处理。适用于编写 Remotion 代码、构建视频生成流水线或创建数据驱动的视频模板。
通过 OpenAI Images API 批量生成图像。支持随机提示词采样，并提供 index.html 图库展示。
数据月份:2026-06 · 下载/星标/安装数聚合自公开技能注册库(ClawHub、SkillHub),按月更新。口径说明见数据方法。