paudyyin

前端设计

Design & Mediav1.0.0
By paudyyinUpdated 2026-05-14frontend-design-cn

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.

Downloads
657
Stars
2
Installs
15
Overall Rank
#20,420

What this skill does

创建独特、生产级的前端界面,追求高设计品质。当用户要求构建 网页组件、页面、海报、应用时使用(包括网站、着陆页、仪表盘、 React组件、HTML/CSS布局、美化任何Web界面)。生成有创意、 打磨精细的代码和UI设计,坚决拒绝千篇一律的"AI审美"。

Monthly Trend

MonthDownloadsMoMStarsInstalls
2026-06657215

Popular in Design & Media

Nano Banana ProDesign & Media

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.

117.4K431Peter Steinberger
Openai WhisperDesign & Media

Local speech-to-text with the Whisper CLI (no API key).

94.3K333Peter Steinberger
Video FramesDesign & Media

Extract frames or short clips from videos using ffmpeg.

53.0K136Peter Steinberger
UI/UX Pro MaxDesign & Media

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.

48.2K222xobi667
SuperDesignDesign & Media

Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or any user interface.

39.7K207mpociot
diagram-generatorDesign & Media

Generate and edit diagrams with the mcp-diagram-generator MCP server. Use this skill for new diagrams, existing .drawio/.mmd/.excalidraw edits, network topol...

33.3K53nssa.io
Remotion Video ToolkitDesign & Media

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.

32.5K93Shreef Entsar
Openai Image GenDesign & Media

Batch-generate images via OpenAI Images API. Random prompt sampler + `index.html` gallery.

29.0K37Peter Steinberger

More from paudyyin

Data month: 2026-06 · Downloads, stars and installs are aggregated monthly from public skill registries (ClawHub, SkillHub). See methodology.