Best Design & Media Claude Skills

According to AlphaMoat, the Design & Media category tracks 6,970 Claude skills; the most-downloaded is Nano Banana Pro (121.2K downloads). Ranked by downloads, listing skills with 1,000+ downloads.

#SkillAuthorDownloadsStars
1
Nano Banana Pro
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.
Peter Steinberger121.2K453
2
Openai Whisper
Local speech-to-text with the Whisper CLI (no API key).
Peter Steinberger97.3K352
3
diagram-generator
Generate and edit diagrams with the mcp-diagram-generator MCP server. Use this skill for new diagrams, existing .drawio/.mmd/.excalidraw edits, network topology, architecture, flowchart, swimlane, sequence, class, ER, and Excalidraw whiteboard work. Always use this skill when the user asks to draw,
nssa.io59.2K62
4
Video Frames
Extract frames or short clips from videos using ffmpeg.
Peter Steinberger55.6K143
5
UI/UX Pro Max
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.
xobi66753.9K260
6
架构图一键生成
强大的AI自动化绘图与复杂信息可视化工具(基于 ContextWeave)
user_bddf3fe646.8K89
7
SuperDesign
Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or any user interface.
mpociot41.3K227
8
Remotion Video Toolkit
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.
Shreef Entsar35.5K102
9
Frontend Design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
michaelmonetized31.1K97
10
Image
Create, inspect, process, and optimize image files and visual assets with reliable format choice, resizing, compression, color-profile, metadata, and platfor...
Iván29.1K40
11
Local Whisper
Local speech-to-text using OpenAI Whisper. Runs fully offline after model download. High quality transcription with multiple model sizes.
araa4728.3K19
12
Sag
ElevenLabs text-to-speech with mac-style say UX.
Peter Steinberger28.2K29
13
Openai Whisper Api
Transcribe audio via OpenAI Audio Transcriptions API (Whisper).
Peter Steinberger27.0K53
14
海报设计skill
当用户提到海报、视觉设计、品牌视觉、排版系统、极简风格、设计哲学、美学方案,或说"帮我做张海报"时,必须触发此技能。该技能先构建一套设计哲学(Algorithmic Philosophy),再基于该哲学用 show_widget 生成可渲染的 SVG 海报 artifact。即使用户没有明确提到"哲学"或"系统",只要涉及视觉设计或海报生成,都应触发。适用于品牌视觉、作品集封面、极简主义海报、AI 生成艺术、任何需要系统性美学表达的场景。
user_865e359227.0K128
15
YouTube Transcript
Fetch and summarize YouTube video transcripts. Use when asked to summarize, transcribe, or extract content from YouTube videos. Handles transcript fetching via residential IP proxy to bypass YouTube's cloud IP blocks.
The Zealot25.5K23
16
Remotion Best Practices
Best practices for Remotion - Video creation in React
am-will22.9K10
17
Image Ocr
Extract text from images using Tesseract OCR
Xejrax22.1K18
18
Edge TTS
Text-to-speech conversion using node-edge-tts npm package for generating audio from text. Supports multiple voices, languages, speed adjustment, pitch control, and subtitle generation. Use when: (1) User requests audio/voice output with the "tts" trigger or keyword. (2) Content needs to be spoken rather than read (multitasking, accessibility, driving, cooking). (3) User wants a specific voice, speed, pitch, or format for TTS output.
i313000221.8K33
19
AI Image Generation
Create AI images with GPT Image, Gemini Nano Banana, FLUX, Imagen, and top providers using prompt engineering, style control, and smart editing.
Iván20.2K11
20
Eno Skills
This skill should be used when the user needs to analyze frontend project architecture evaluate tech stack choices review component design patterns assess bu...
enoyao20.1K11
21
Gifgrep
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.
Peter Steinberger19.6K7
22
视频生成
使用火山引擎 SD1.5pro API 生成视频。支持文本到视频和图生视频,异步处理任务。
user_cb5e284118.5K35
23
公众号爆款封面生成
公众号爆款封面AI设计工具。基于全网每日收录的10w+文章数据,获取同赛道爆款封面视觉元素,通过AI分析总结高转化视觉规律,生成贴合文章内容、符合平台流量审美的封面设计方案。当用户设计公众号封面、生成封面方案、查询爆款封面规律时使用。触发词:公众号封面、封面设计、爆款封面、封面方案、封面生图。
to the moon18.3K38
24
UI/UX Design Guide
Expert guidance on mobile-first UI/UX design, color systems, typography, accessibility (WCAG 2.2), Tailwind + Shadcn/ui integration, micro-interactions, and...
itsjustdri17.0K40
25
ffmpeg-video-editor
Generate FFmpeg commands from natural language video editing requests - cut, trim, convert, compress, change aspect ratio, extract audio, and more.
MahmoudAdelbghany16.6K31
26
Desing mobile apps
Use when the user wants to design a mobile app, create screens, build UI, or interact with their Sleek projects. Covers high-level requests ("design an app t...
Stefano Faieta16.6K5
27
UI Audit
AI skill for automated UI audits. Evaluate interfaces against proven UX principles for visual hierarchy, accessibility, cognitive load, navigation, and more. Based on Making UX Decisions by Tommy Geoco.
tommygeoco16.4K27
28
Tencent MPS
腾讯云 MPS 音视频与图片处理、AI 生成、内容理解。涉及以下场景必须触发:【转码】转码/压缩/格式转换/转封装/H.264/H.265/AV1/码率/分辨率。【画质增强】画质增强/画质修复/老片修复/超分/真人增强/漫剧增强/防抖/人脸保真/1080P/2K/4K。【音频】音频分离/人声提取/伴奏提取/去人声/降噪/音量均衡。【字幕】字幕提取/字幕翻译/语音识别/语音转文字/ASR/OCR字幕/SRT/视频翻译。【擦除】去字幕/去水印/人脸模糊/车牌模糊/马赛克。【配音】语音合成/TTS/文字转语音/AI配音/配音/声音克隆/音色复刻。【图增强】图片超分/美颜/降噪/色彩增强/低光照增强。
mpaas-skills15.7K10
29
Image Generation
AI image generation and photo editing powered by CellCog. Text-to-image, image-to-image, consistent characters, product photography, reference-based generation, style transfer, sets of images, social media visuals, brand assets, stickers, comics, GIFs. Professional image creation with multiple AI models.
CellCog14.9K10
30
Figma
Professional Figma design analysis and asset export. Use for extracting design data, exporting assets in multiple formats, auditing accessibility compliance, analyzing design systems, and generating comprehensive design documentation. Read-only analysis of Figma files with powerful export and reporting capabilities.
maddiedreese14.6K22
31
Antigravity Image Generator
Generate images using the internal Google Antigravity API (Gemini 3 Pro Image). High quality, native generation without browser automation.
IPedrax14.0K22
32
Wonda
Using the Wonda CLI to generate images, videos, music, and audio from the terminal — plus LinkedIn, Reddit, and X/Twitter research and automation
Degaus AI13.8K1
33
Image Editing
Edit images with AI inpainting, outpainting, background removal, upscaling, and restoration tools.
Iván13.8K19
34
Video Transcript Downloader
Download videos, audio, subtitles, and clean paragraph-style transcripts from YouTube and any other yt-dlp supported site. Use when asked to “download this video”, “save this clip”, “rip audio”, “get subtitles”, “get transcript”, or to troubleshoot yt-dlp/ffmpeg and formats/playlists.
Peter Steinberger13.7K86
35
Songsee
Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.
Peter Steinberger13.0K11
36
去水印
抖音、小红书、豆包、千问等平台的图片/视频去水印解析。当用户需要去除视频/图片水印、获取无水印直链、调用解析API、查询价格时使用此skill。
user_bfa2fd9112.9K33
37
Blucli
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Peter Steinberger12.9K2
38
Best Image Generation
Best quality AI image generation (~$0.12-0.20/image). Text-to-image, image-to-image, and image editing via the EvoLink API.
EvolinkAI12.8K8
39
视频自动剪辑助手
视频自动剪辑助手。基于 FFmpeg 自动提取精彩片段、生成字幕、裁剪时长、制作短视视频,支持多平台导出。当用户需要:自动剪辑视频、提取关键词片段、生成字幕并烧录、导出短视频、提取视频精华、生成视频摘要时使用此技能。
xuyongliang12.1K23
40
Ai Video Gen
End-to-end AI video generation - create videos from text prompts using image generation, video synthesis, voice-over, and editing. Supports OpenAI DALL-E, Replicate models, LumaAI, Runway, and FFmpeg editing.
rhanbourinajd12.0K7
41
Jimeng AI Image Generation
即梦 AI 图片生成技能(火山引擎图片生成 4.0)。当用户想要 AI 生成图片、文生图、图生图、 字体设计、海报制作时使用。支持场景: - "帮我生成一张图片:..." - "用即梦画一张 16:9 的科技感壁纸" - "字体设计:新年快乐,红色背景" - "把这张图的背景换成星空" - "生成一组表情包" -...
多动朕11.7K11
42
Remotion
Best practices for Remotion - Video creation in React
am-will11.1K15
43
Frontend Design Pro — 专业前端设计规范
前端设计质量提升 skill。让 AI 生成的 UI/前端代码更专业,避免常见设计反模式。 参考 impeccable 项目的设计语言规范,提供 audit/polish/critique 等设计审查命令。 触发词:/audit /polish /critique /colorize /animate /bold...
antonia huang10.9K20
44
Baoyu Cover Image
Generates article cover images with 5 dimensions (type, palette, rendering, text, mood) combining 11 color palettes and 7 rendering styles. Supports cinemati...
Jim Liu 宝玉10.9K12
45
Canvas Design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
sohamganatra10.9K16
46
Baidu Wenku AI picture book of video
百度文库AI绘本是一个基于人工智能制作绘本视频的工具,支持生成静态绘本和动态绘本(URL输出)。能帮助文本内容创作者们在缺乏绘画技能的情况下,快速生成精美绘本视频,提高内容生产效率。无论是在儿童教育、亲子互动、品牌营销,还是在社交媒体内容创作等领域都能应用。
ide-rea10.6K11
47
UI设计Skill
专业UI生成与现有界面优化技能。当用户请求生成UI界面、设计页面、优化现有界面、创建组件库、设计系统、App界面、Web界面、Dashboard、Landing Page、或任何涉及视觉交互设计时必须触发此技能。参考Google Material Design、Apple HIG、以及Pinterest级别审美标准,输出大气简约、高级美学的UI代码。即使用户只是说"帮我做个界面"、"优化一下UI"、"设计一个页面"也必须触发。
user_865e359210.6K59
48
Voice Wake Say
Speak responses aloud on macOS using the built-in `say` command when user input indicates Voice Wake/voice recognition (for example, messages starting with "User talked via voice recognition on <device>").
xadenryan10.6K6
49
抖音下载器-douyin_downloader
最稳定的抖音视频下载工具,用户提供抖音链接或modal_id即可自动解析并下载。
valderwu310.2K24
50
Qwen Image
Generate images using Qwen Image API (Alibaba Cloud DashScope). Use when users request image generation with Chinese prompts or need high-quality AI-generated images from text descriptions.
Robin7978609.9K11
Browse all 6,970 Design & Media skills

More Categories

Category listings include Claude skills with 1,000+ downloads, merged from Clawhub & SkillHub. See methodology.