According to AlphaMoat, as of 2026-06, 前端设计 has 657 downloads and 2 stars — ranked #20,420 of 63,926 Claude skills overall, and #1,676 of 4,490 in Design & Media.
创建独特、生产级的前端界面,追求高设计品质。当用户要求构建 网页组件、页面、海报、应用时使用(包括网站、着陆页、仪表盘、 React组件、HTML/CSS布局、美化任何Web界面)。生成有创意、 打磨精细的代码和UI设计,坚决拒绝千篇一律的"AI审美"。
| Month | Downloads | MoM | Stars | Installs |
|---|---|---|---|---|
| 2026-06 | 657 | — | 2 | 15 |
Generate/edit images with Nano Banana Pro (Gemini 3 Pro Image). Use for image create/modify requests incl. edits. Supports text-to-image + image-to-image; 1K/2K/4K; use --input-image.
Local speech-to-text with the Whisper CLI (no API key).
Extract frames or short clips from videos using ffmpeg.
UI/UX design intelligence and implementation guidance for building polished interfaces. Use when the user asks for UI design, UX flows, information architecture, visual style direction, design systems/tokens, component specs, copy/microcopy, accessibility, or to generate/critique/refine frontend UI (HTML/CSS/JS, React, Next.js, Vue, Svelte, Tailwind). Includes workflows for (1) generating new UI layouts and styling, (2) improving existing UI/UX, (3) producing design-system tokens and component guidelines, and (4) turning UX recommendations into concrete code changes.
Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or any user interface.
Generate and edit diagrams with the mcp-diagram-generator MCP server. Use this skill for new diagrams, existing .drawio/.mmd/.excalidraw edits, network topol...
Complete toolkit for programmatic video creation with Remotion + React. Covers animations, timing, rendering (CLI/Node.js/Lambda/Cloud Run), captions, 3D, charts, text effects, transitions, and media handling. Use when writing Remotion code, building video generation pipelines, or creating data-driven video templates.
Batch-generate images via OpenAI Images API. Random prompt sampler + `index.html` gallery.
智能内容摘要工具,支持长文本、文档、网页内容自动摘要,提取核心要点、关键词,支持自定义摘要长度。
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, or applications. Gener...
Makes AI-generated content sound genuinely human — not just cleaned up, but alive. Use when content feels robotic, uses too many AI clichés, lacks personalit...
自动检索学术文献(Semantic Scholar/arXiv/CrossRef),进行相关性筛选、主题聚类分析,并生成综述草稿(支持本地模板或大模型润色)。适用于快速了解某个研究方向的前沿动态。
Get current weather and forecasts via 墨迹天气 or MSN Weather. Use when: user asks about weather, temperature, or forecasts for any location. NOT for: historical...
Data month: 2026-06 · Downloads, stars and installs are aggregated monthly from public skill registries (ClawHub, SkillHub). See methodology.