Design Media Creative Skills
Browse 230 curated design, media & creative skills for AI coding agents. License-verified, MCP-ready, free to start.
Image Generation
Create effective AI image generation prompts for DALL-E, Midjourney, and Stable Diffusion. Generate prompts for various styles and use cases.
by claude-office-skills/skills / image-generation
Image Generation
Use this skill when the user requests to generate, create, imagine, or visualize images including characters, scenes, products, or any visual content. Supports structured prompts and reference images for guided generation.
by bytedance/deer-flow / skills/public/image-generation
Imagegen Frontend Mobile
Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, strong multi-screen consistency, controlled color palettes, non-generic creative direction, textured surfaces, image-led composition, tasteful custom iconography, and clean phone mockup framing. By default, screens should be shown inside a subtle premium iPhone or similar phone mockup with a visible frame, while the main focus stays on the app content itself. This skill generates images only. It does not write code.
by Leonxlnx/taste-skill / skills/imagegen-frontend-mobile
Imagegen Frontend Web
Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A landing page with 8 sections produces 8 images. Never compress multiple sections into one image. Enforces composition variety (not always left-text / right-image), background-image freedom, varied CTAs, varied hero scales (giant / mid / mini minimalist), narrative concept spine, second-read moments, and a single consistent palette across all images. Optimized for landing pages, marketing sites, and product comps that developers or coding models can accurately recreate.
by Leonxlnx/taste-skill / skills/imagegen-frontend-web
Image Manipulation Image Magick
Process and manipulate images using ImageMagick. Supports resizing, format conversion, batch processing, and retrieving image metadata. Use when working with images, creating thumbnails, resizing wallpapers, or performing batch image operations.
by github/awesome-copilot / skills/image-manipulation-image-magick
Imagen
Generate images using Google Gemini's image generation capabilities. Use this skill when the user needs to create, generate, or produce images for any purpose including UI mockups, icons, illustrations, diagrams, concept art, placeholder images, or visual representations.
by sanjay3290/ai-skills / skills/imagen
Image To Code
Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards, generate fresh standalone images for sections or detail views instead of cropping old ones, avoid lazy under-generation, avoid cards-inside-cards-inside-cards UI, and keep the hero clean, spacious, readable, and visible on a small laptop.
by Leonxlnx/taste-skill / skills/image-to-code-skill
Import Art
Places album art files in the correct audio and content directory locations. Use when the user has generated or downloaded album artwork that needs to be saved.
by bitwize-music-studio/claude-ai-music-skills / skills/import-art
Industrial Brutalist UI
Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects. For data-heavy dashboards, portfolios, or editorial sites that need to feel like declassified blueprints.
by Leonxlnx/taste-skill / skills/brutalist-skill
Infographic
Design infographic layouts and content structure. Plan visual storytelling with data, icons, and text hierarchy for impactful information design.
by claude-office-skills/skills / infographic
Infographics
Create professional infographics using Nano Banana Pro AI with smart iterative refinement. Uses Gemini 3 Pro for quality review. Integrates research-lookup and web search for accurate data. Supports 10 infographic types, 8 industry styles, and colorblind-safe palettes.
by foryourhealth111-pixel/Vibe-Skills / bundled/skills/infographics
Ink
Generating SVG icons/illustrations, designing icon systems, and constructing sprite symbols. Use when vector assets are needed.
by simota/agent-skills / ink
Interaction Design
Design and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish to UI interactions, implementing loading states, or creating delightful user experiences.
by wshobson/agents / plugins/ui-design/skills/interaction-design
Ipados Design Guidelines
Apple Human Interface Guidelines for iPad. Use when building iPad-optimized interfaces, implementing multitasking, pointer support, keyboard shortcuts, or responsive layouts. Triggers on tasks involving iPad, Split View, Stage Manager, sidebar navigation, or trackpad support.
by ehmo/platform-design-skills / skills/ipados
JSON Canvas
Create and edit JSON Canvas files (.canvas) with nodes, edges, groups, and connections. Use when working with .canvas files, creating visual canvases, mind maps, flowcharts, or when the user mentions Canvas files in Obsidian.
by davepoon/buildwithclaude / plugins/all-skills/skills/json-canvas
Knowledge Comic Creator
Knowledge comics (知识漫画): educational, biography, tutorial.
by NousResearch/hermes-agent / skills/creative/baoyu-comic
LatchBio Integration
Latch platform for bioinformatics workflows. Build pipelines with Latch SDK, @workflow/@task decorators, deploy serverless workflows, LatchFile/LatchDir, Nextflow/Snakemake integration.
by foryourhealth111-pixel/Vibe-Skills / bundled/skills/latchbio-integration
LaTeX Research Posters
Create professional research posters in LaTeX using beamerposter, tikzposter, or baposter. Support for conference presentations, academic posters, and scientific communication. Includes layout design, color schemes, multi-column formats, figure integration, and poster-specific best practices for visual communication.
by K-Dense-AI/scientific-agent-skills / scientific-skills/latex-posters
Legacy Circuit Mockups
Generate breadboard circuit mockups and visual diagrams using HTML5 Canvas drawing techniques. Use when asked to create circuit layouts, visualize electronic component placements, draw breadboard diagrams, mockup 6502 builds, generate retro computer schematics, or design vintage electronics projects. Supports 555 timers, W65C02S microprocessors, 28C256 EEPROMs, W65C22 VIA chips, 7400-series logic gates, LEDs, resistors, capacitors, switches, buttons, crystals, and wires.
by github/awesome-copilot / skills/legacy-circuit-mockups
LLM Icon Finder
Finding and accessing AI/LLM model brand icons from lobe-icons library. Use when users need icon URLs, want to download brand logos for AI models/providers/applications (Claude, GPT, Gemini, etc.), or request icons in SVG/PNG/WEBP formats.
by daymade/claude-code-skills / llm-icon-finder
Logo Creator
Create logos using AI image generation. Discuss style/ratio, generate variations, iterate with user feedback, crop, remove background, and export as SVG. Use when user wants to create a logo, icon, favicon, brand mark, mascot, emblem, or design a logo.
by ReScienceLab/opc-skills / skills/logo-creator
Lyric Refiner
Autonomous multi-pass lyric refinement for tightening, cohesion, and album unity. Use after lyrics are written to polish a track or entire album through iterative passes.
by bitwize-music-studio/claude-ai-music-skills / skills/lyric-refiner
Lyric Reviewer
Reviews lyrics against a quality checklist before Suno generation. Use before generating tracks to catch rhyme, prosody, pronunciation, and structural issues.
by bitwize-music-studio/claude-ai-music-skills / skills/lyric-reviewer
macOS Design Guidelines
Apple Human Interface Guidelines for Mac. Use when building macOS apps with SwiftUI or AppKit, implementing menu bars, toolbars, window management, or keyboard shortcuts. Triggers on tasks involving Mac UI, desktop apps, or Mac Catalyst.
by ehmo/platform-design-skills / skills/macos
Manim Video
Manim CE animations: 3Blue1Brown math/algo videos.
by NousResearch/hermes-agent / skills/creative/manim-video
MarkItDown - File to Markdown Conversion
Convert files and office documents to Markdown. Supports PDF, DOCX, PPTX, XLSX, images (with OCR), audio (with transcription), HTML, CSV, JSON, XML, ZIP, YouTube URLs, EPubs and more.
by foryourhealth111-pixel/Vibe-Skills / bundled/skills/markitdown
Meme Generation
Generate real meme images by picking a template and overlaying text with Pillow. Produces actual .png meme files.
by NousResearch/hermes-agent / optional-skills/creative/meme-generation
Mermaid Diagram
Generate Mermaid diagrams from user requirements. Save .mmd and .md files to figures/ with syntax verification. Supports flowcharts, sequence diagrams, class diagrams, ER diagrams, Gantt charts, and many more diagram types.
by wanshuiyin/Auto-claude-code-research-in-sleep / skills/skills-codex/mermaid-diagram
Minimalist UI
Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.
by Leonxlnx/taste-skill / skills/minimalist-skill
Mix Engineer
Polishes raw Suno audio by processing per-stem WAVs (vocals, backing_vocals, drums, bass, guitar, keyboard, strings, brass, woodwinds, percussion, synth, other) with targeted cleanup, EQ, and compression, then remixing into a polished stereo WAV ready for mastering. Use after audio import and before mastering.
by bitwize-music-studio/claude-ai-music-skills / skills/mix-engineer
Muapi Logo Creator
Engineer professional-grade brand logos using geometric primitives and negative space — generates minimalist, scalable vector-style marks via muapi.ai
by SamurAIGPT/Generative-Media-Skills / library/visual/logo-creator
✏️ MuAPI Media Editing & Enhancement
Edit and enhance images and videos with AI via muapi.ai — prompt-based editing, upscaling, background removal, face swap, lipsync, video effects, and more
by SamurAIGPT/Generative-Media-Skills / core/edit
🎨 MuAPI Media Generation
Generate AI images, videos, music, and audio from the terminal via muapi.ai — supports 100+ models including Flux, Midjourney v7, Kling 3.0, Veo3, and Suno V5
by SamurAIGPT/Generative-Media-Skills / core/media
⚙️ MuAPI Platform Utilities
Setup and utility scripts for muapi.ai — configure API keys, test connectivity, and poll for async generation results
by SamurAIGPT/Generative-Media-Skills / core/platform
Muapi Social Media Video
Brand-aware social media video creator. Reads brand-identity.md, ICP.md, and messaging.md to write a post/storyboard, craft an optimized Seedance 2.0 Director prompt, generate reference frames with the best available image model, and produce platform-ready video.
by SamurAIGPT/Generative-Media-Skills / library/social/social-media-video
Muse
Defining and managing design tokens, applying token systems to existing codebases, and building design system foundations. Covers token architecture for spacing, color, typography, dark mode, and cross-platform output.
by simota/agent-skills / muse
🍌 Nano-Banana Expert Skill (Gemini 3 Style)
Reasoning-driven image generation using structured creative briefs (Gemini 3 style) — generates high-fidelity images via muapi.ai with logic-based prompting
by SamurAIGPT/Generative-Media-Skills / library/visual/nano-banana
Next Step
Analyzes album state and recommends the optimal next action. Use when the user asks "what should I do next?" or "what's left to do?"
by bitwize-music-studio/claude-ai-music-skills / skills/next-step
P5js
p5.js sketches: gen art, shaders, interactive, 3D.
by NousResearch/hermes-agent / skills/creative/p5js
Palette
Improving usability, interaction quality, cognitive load reduction, feedback design, and a11y compliance. Use when improving UX usability or interaction feel.
by simota/agent-skills / palette
Penpot Uiux Design
Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools. Use this skill when: (1) Creating new UI/UX designs for web, mobile, or desktop applications, (2) Building design systems with components and tokens, (3) Designing dashboards, forms, navigation, or landing pages, (4) Applying accessibility standards and best practices, (5) Following platform guidelines (iOS, Android, Material Design), (6) Reviewing or improving existing Penpot designs for usability. Triggers: "design a UI", "create interface", "build layout", "design dashboard", "create form", "design landing page", "make it accessible", "design system", "component library".
by github/awesome-copilot / skills/penpot-uiux-design
Performance Optimization Advisor
Produce a prioritized performance-optimization roadmap across frontend, backend, and infrastructure. Use as an explicit/manual helper after bottlenecks are known or suspected, not as the owner of regression detection, profiling capture, or test execution.
by foryourhealth111-pixel/Vibe-Skills / bundled/skills/providing-performance-optimization-advice
Performance Regression Detector
Compare current benchmark results against historical baselines to spot performance regressions. Use as an explicit/manual helper for build-to-build degradation review, not for broad optimization strategy or low-level profiling ownership.
by foryourhealth111-pixel/Vibe-Skills / bundled/skills/detecting-performance-regressions
📸 Photo Pack Generator Expert Skill (Identity-Lock Edition)
Generate a pack of professional or aesthetic photos from a single reference image while preserving the exact identity of the person.
by SamurAIGPT/Generative-Media-Skills / library/visual/photo-pack-generator
Pixel
Generating pixel-accurate HTML/CSS code from image mockups (PNG/JPG/screenshots) and performing visual verification for faithful reproduction. Use when mockup-to-code generation is needed.
by simota/agent-skills / pixel
Pixel Art
Pixel art w/ era palettes (NES, Game Boy, PICO-8).
by NousResearch/hermes-agent / skills/creative/pixel-art
Pixel Art
Generate pixel art SVG illustrations for READMEs, docs, or slides. Use when user says "画像素图", "pixel art", "make an SVG illustration", "README hero image", or wants a cute visual.
by wanshuiyin/Auto-claude-code-research-in-sleep / skills/skills-codex/pixel-art
Pixel Art
Generate pixel art SVG illustrations for READMEs, docs, or slides. Use when user says "画像素图", "pixel art", "make an SVG illustration", "README hero image", or wants a cute visual.
by wanshuiyin/Auto-claude-code-research-in-sleep / skills/pixel-art
Pixel Art
Pixel art w/ era palettes (NES, Game Boy, PICO-8).
by NousResearch/hermes-agent / optional-skills/creative/pixel-art
PlantUML ASCII Art Diagram Generator
Generate ASCII art diagrams using PlantUML text mode. Use when user asks to create ASCII diagrams, text-based diagrams, terminal-friendly diagrams, or mentions plantuml ascii, text diagram, ascii art diagram. Supports: Converting PlantUML diagrams to ASCII art, Creating sequence diagrams, class diagrams, flowcharts in ASCII format, Generating Unicode-enhanced ASCII art with -utxt flag
by github/awesome-copilot / skills/plantuml-ascii
Podcast Generation
Generate AI-powered podcast-style audio narratives using Azure OpenAI's GPT Realtime Mini model via WebSocket. Use when building text-to-speech features, audio narrative generation, podcast creation from content, or integrating with Azure OpenAI Realtime API for real audio output. Covers full-stack implementation from React frontend to Python FastAPI backend with WebSocket streaming.
by microsoft/skills / .github/skills/podcast-generation
Popular Web Designs
54 real design systems (Stripe, Linear, Vercel) as HTML/CSS.
by NousResearch/hermes-agent / skills/creative/popular-web-designs
Power BI Visualization Expert Mode
Expert Power BI report design and visualization guidance using Microsoft best practices for creating effective, performant, and user-friendly reports and dashboards.
by github/awesome-copilot / agents/power-bi-visualization-expert.agent.md
PR Comment Handler
Help address review/issue comments on the open GitHub PR for the current branch using gh CLI; verify gh auth first and prompt the user to authenticate if not logged in.
by foryourhealth111-pixel/Vibe-Skills / bundled/skills/gh-address-comments
Prefer the v1.27.0.0 artifacts file; fall back to brain file for users
Designer's eye QA: finds visual inconsistency, spacing issues, hierarchy problems, AI slop patterns, and slow interactions — then fixes them. Iteratively fixes issues in source code, committing each fix atomically and re-verifying with before/after screenshots. For plan-mode design review (before implementation), use /plan-design-review. Use when asked to "audit the design", "visual QA", "check if it looks good", or "design polish". Proactively suggest when the user mentions visual inconsistencies or wants to polish the look of a live site. (gstack)
by garrytan/gstack / design-review
Pre Generation Check
Validates all pre-generation gates before sending tracks to Suno. Checks sources verified, lyrics reviewed, pronunciation resolved, explicit flag set, style prompt complete, and artist names cleared. Use before generating tracks on Suno or when the user says "pre-gen check" or "ready to generate".
by bitwize-music-studio/claude-ai-music-skills / skills/pre-generation-check
Premium Frontend UI
A comprehensive guide for GitHub Copilot to craft immersive, high-performance web experiences with advanced motion, typography, and architectural craftsmanship.
by github/awesome-copilot / skills/premium-frontend-ui
Pretext
Use when building creative browser demos with @chenglou/pretext — DOM-free text layout for ASCII art, typographic flow around obstacles, text-as-geometry games, kinetic typography, and text-powered generative art. Produces single-file HTML demos by default.
by NousResearch/hermes-agent / skills/creative/pretext
Pronunciation Specialist
Scans lyrics for pronunciation risks and prevents Suno mispronunciations. Use when writing lyrics with proper nouns, technical terms, homographs, or non-English words.
by bitwize-music-studio/claude-ai-music-skills / skills/pronunciation-specialist
Prose
Writing user-facing UX text including microcopy, error messages, voice and tone design, onboarding copy, and accessibility text. Use when UX writing or content strategy is needed.
by simota/agent-skills / prose
React Native Design
Master React Native styling, navigation, and Reanimated animations for cross-platform mobile development. Use when building React Native apps, implementing navigation patterns, or creating performant animations.
by wshobson/agents / plugins/ui-design/skills/react-native-design
Redesign Existing Projects
Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS.
by Leonxlnx/taste-skill / skills/redesign-skill
Remotion Best Practices
Best practices for Remotion - Video creation in React
by guanyang/antigravity-skills / skills/remotion
Replay UX Research
Analyze Sentry session replays to surface UX patterns, pain points, and user journeys for a given product area. Use when asked to "show me how users use", "day in the life", "UX research", "replay research", "how do customers use", "what's the user experience like for", "watch replays of", "analyze replays for", "user behavior on", or "replay UX audit" for any Sentry product surface.
by getsentry/skills / skills/replay-ux-research
Responsive Design
Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building adaptive interfaces, implementing fluid layouts, or creating component-level responsive behavior.
by wshobson/agents / plugins/ui-design/skills/responsive-design
Scientific Schematics and Diagrams
Create publication-quality scientific diagrams using Nano Banana Pro AI with smart iterative refinement. Uses Gemini 3 Pro for quality review. Only regenerates if quality is below threshold for your document type. Specialized in neural network architectures, system diagrams, flowcharts, biological pathways, and complex scientific visualizations.
by foryourhealth111-pixel/Vibe-Skills / bundled/skills/scientific-schematics
🎬 Seedance 2.0 Cinema Expert
Expert Cinema Director skill for Seedance 2.0 (ByteDance) — high-fidelity video generation across Chinese, Global, and VIP tiers. Supports text-to-video, image-to-video, first-last-frame, omni reference, character training, omni-reference training, video editing, and watermark removal.
by SamurAIGPT/Generative-Media-Skills / library/motion/seedance-2
Set this to the host root that contains skills/vibe-upgrade/SKILL.md.
Upgrade the local Vibe-Skills installation to the latest official default-branch state.
by foryourhealth111-pixel/Vibe-Skills / bundled/skills/vibe-upgrade
Setup
Detects your Python environment and guides you through installing plugin dependencies. Use on first-time setup or when MCP server fails to start.
by bitwize-music-studio/claude-ai-music-skills / skills/setup
SE: UX Designer
Jobs-to-be-Done analysis, user journey mapping, and UX research artifacts for Figma and design workflows
by github/awesome-copilot / agents/se-ux-ui-designer.agent.md
Sheet Music Publisher
Converts mastered audio to sheet music and creates printable songbooks. Use after mastering when the user wants sheet music or a songbook for their album.
by bitwize-music-studio/claude-ai-music-skills / skills/sheet-music-publisher
Similarity Search Patterns
Implement efficient similarity search with vector databases. Use when building semantic search, implementing nearest neighbor queries, or optimizing retrieval performance.
by foryourhealth111-pixel/Vibe-Skills / bundled/skills/similarity-search-patterns
Sketch
Throwaway HTML mockups: 2-3 design variants to compare.
by NousResearch/hermes-agent / skills/creative/sketch
Sketch
Generating AI image-generation code using the Gemini API. Handles text-to-image generation, image editing, and prompt optimization. Use when image generation code is needed.
by simota/agent-skills / sketch
Skill Lookup
Activates when the user asks about Agent Skills, wants to find reusable AI capabilities, needs to install skills, or mentions skills for Claude. Use for discovering, retrieving, and installing skills.
by foryourhealth111-pixel/Vibe-Skills / bundled/skills/skill-lookup
Slack Gif Creator
Toolkit for creating animated GIFs optimized for Slack, with validators for size constraints and composable animation primitives. This skill applies when users request animated GIFs or emoji animations for Slack from descriptions like "make me a GIF for Slack of X doing Y".
by davepoon/buildwithclaude / plugins/all-skills/skills/slack-gif-creator
Slack Gif Creator
Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like "make me a GIF of X doing Y for Slack."
by guanyang/antigravity-skills / skills/slack-gif-creator
Snipgrapher
Configures and uses snipgrapher to generate polished code snippet images, including syntax-highlighted PNGs, SVGs, and WebP exports with custom themes, profiles, and styling options. Use when the user wants to create code screenshots, turn code into shareable images, generate pretty code snippets for docs or social posts, produce syntax-highlighted images from source files, or explicitly mentions snipgrapher. Supports single-file renders, batch jobs, watch mode, and reusable named profiles via the snipgrapher CLI or npx.
by mcollina/skills / skills/snipgrapher
Social Video Folder Autocutter
Plan repeatable hard-drive folder-to-video pipelines for speaker-led multicam content, including 9:16 Reels/Shorts up to 3 minutes at 1.1x talking speed and 16:9 long-form 3-7 minute cuts, with Resolve handoff, Editframe asset generation, audio/caption gates, and narrative beat planning.
by ChaiWithJai/davinci-resolve-claude-skills / skills/social-video-folder-autocutter
Songsee
Audio spectrograms/features (mel, chroma, MFCC) via CLI.
by NousResearch/hermes-agent / skills/media/songsee
Songwriting And AI Music
Songwriting craft and Suno AI music prompts.
by NousResearch/hermes-agent / skills/creative/songwriting-and-ai-music
spec-kit-vibe-compat
Compatibility router for /speckit.* workflows into /vibe-first Codex execution.
by foryourhealth111-pixel/Vibe-Skills / bundled/skills/spec-kit-vibe-compat
Speech
Use when the user asks for text-to-speech narration or voiceover, accessibility reads, audio prompts, or batch speech generation via the OpenAI Audio API; run the bundled CLI (`scripts/text_to_speech.py`) with built-in voices and require `OPENAI_API_KEY` for live calls. Custom voice creation is out of scope.
by foryourhealth111-pixel/Vibe-Skills / bundled/skills/speech
Spotify
Spotify: play, search, queue, manage playlists and devices.
by NousResearch/hermes-agent / skills/media/spotify
Spotify Player
Terminal Spotify playback/search via spogo (preferred) or spotify_player.
by openclaw/openclaw / skills/spotify-player
Stepfun TTS
Generate Chinese / Japanese speech with StepFun's stepaudio-2.5-tts — Contextual TTS that replaces step-tts-2's `voice_label` with natural-language `instruction` (≤200 chars) plus inline `()` parentheses for句内 prosody. Use when the user wants emotional / prosody control over voice synthesis (whisper, pause, stress, mood pivot mid-sentence), batch-generates game / app voice lines, migrates from `step-tts-2` (the `voice_label → instruction` breaking change), or hits StepFun's stricter 2.5-era censorship (死/消失/political terms). Triggers on 阶跃 TTS, StepAudio 合成, 语音合成, 配音, 文本转语音, TTS 升级, 迁移 step-tts-2. For transcription with the sibling stepaudio-2.5-asr model, use the stepfun-asr skill instead.
by daymade/claude-code-skills / daymade-audio/stepfun-tts
Stitch Design Taste
Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.
by Leonxlnx/taste-skill / skills/stitch-skill
Suno Engineer
Constructs technical Suno V5/V5.5 style prompts, selects genres, and optimizes generation settings. Use when creating or refining Suno prompts for track generation.
by bitwize-music-studio/claude-ai-music-skills / skills/suno-engineer
Supabase Postgres Best Practices
Postgres performance optimization and best practices from Supabase. Use this skill when writing, reviewing, or optimizing Postgres queries, schema designs, or database configurations.
by guanyang/antigravity-skills / skills/supabase-postgres-best-practices
Theme Factory Skill
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.
by foryourhealth111-pixel/Vibe-Skills / bundled/skills/theme-factory
Time SVG Creator Skill
Creates an SVG time card showing the current time for Dubai. Writes the SVG to agent-teams/output/dubai-time.svg and updates agent-teams/output/output.md.
by shanraisshan/claude-code-best-practice / agent-teams/.claude/skills/time-svg-creator
Touchdesigner MCP
Control a running TouchDesigner instance via twozero MCP — create operators, set parameters, wire connections, execute Python, build real-time visuals. 36 native tools.
by NousResearch/hermes-agent / skills/creative/touchdesigner-mcp
Transloadit Media Processing
Process media files (video, audio, images, documents) using Transloadit. Use when asked to encode video to HLS/MP4, generate thumbnails, resize or watermark images, extract audio, concatenate clips, add subtitles, OCR documents, or run any media processing pipeline. Covers 86+ processing robots for file transformation at scale.
by github/awesome-copilot / skills/transloadit-media-processing
Tvos Design Guidelines
Apple Human Interface Guidelines for Apple TV. Use when building tvOS apps with focus-based navigation, Siri Remote input, or living room viewing experiences. Triggers on tasks involving Apple TV, tvOS, 10-foot UI, or media playback.
by ehmo/platform-design-skills / skills/tvos
Typography Selector
Browse and select fonts from Google Fonts or curated pairings. Use to find the perfect typography for a design project.
by davepoon/buildwithclaude / plugins/frontend-design-pro/skills/typography-selector
UI Designer
Extract design systems from reference UI images and generate implementation-ready UI design prompts. Use when users provide UI screenshots/mockups and want to create consistent designs, generate design systems, or build MVP UIs matching reference aesthetics.
by daymade/claude-code-skills / ui-designer
🎨 UI/UX Design Mockup Skill
Generate high-fidelity UI/UX mockups for mobile and web apps using Atomic Design principles — creates wireframes and design systems via muapi.ai
by SamurAIGPT/Generative-Media-Skills / library/visual/ui-design
UI UX Pro Max
UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mobile app. Elements: button, modal, navbar, sidebar, card, table, form, and chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, and flat design. Topics: color systems, accessibility, animation, layout, typography, font pairing, spacing, interaction states, shadow, and gradient. Integrations: shadcn/ui MCP for component search and examples.
by nextlevelbuilder/ui-ux-pro-max-skill / .claude/skills/ui-ux-pro-max
UI UX Pro Max
UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mobile app. Elements: button, modal, navbar, sidebar, card, table, form, and chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, and flat design. Topics: color systems, accessibility, animation, layout, typography, font pairing, spacing, interaction states, shadow, and gradient. Integrations: shadcn/ui MCP for component search and examples.
by guanyang/antigravity-skills / skills/ui-ux-pro-max
UI/UX Pro Max - Design Intelligence
Comprehensive design guide for web and mobile applications. Use when designing new UI components or pages, choosing color palettes and typography, or reviewing code for UX issues.
by sickn33/antigravity-awesome-skills / plugins/antigravity-awesome-skills-claude/skills/ui-ux-pro-max