据 AlphaMoat 统计,截至 2026-06,Extract Design 累计下载 532 次、获 0 个星标,在全部 63,926 个 Claude 技能中排名第 27,933 位,在「设计创意」分类(4,490 个)中排名第 2,219 位。
当用户需要将网页设计语言提取为可复用的HTML样式参考文件时使用此技能，包括排版、颜色、间距等。
| 数据月份 | 累计下载 | 环比 | 星标 | 累计安装 |
|---|---|---|---|---|
| 2026-06 | 532 | — | 0 | 19 |
使用 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 图库展示。
高级使用统计与高保真可视化报告，专为OpenClaw。100%本地处理。审计验证隐私（不存储凭证）
多智能体开发团队编排。用于管理编码智能体（Codex、Claude Code、Gemini、Cursor）以实现自动化软件开发：(1) 派生...
本地热量记录与可视化报告（每次记录后自动刷新并返回报告图片）
从任意输入格式（md/pdf/word/txt）创建专业的HTML/PDF简历。提取简历数据，转换为结构化YAML，并生成带现代样式的HTML。
数据月份:2026-06 · 下载/星标/安装数聚合自公开技能注册库(ClawHub、SkillHub),按月更新。口径说明见数据方法。