Design & Media Agent Skills

Design agent skills guide AI agents through visual and UX work: UI mockups, design systems, image and asset workflows, and design reviews. A skill keeps the agent aligned with your design language instead of improvising a new style each session.

Design & Media

983 skills
samuraigpt
muapi-cinema-director
Translates creative intent into technical cinematographic directives for Veo3, Kling, and Luma video models via muapi.ai.
3.7k · bundle
samuraigpt
muapi-product-campaign
Generates a full multi-channel product campaign including hero visuals, social media assets, short ad video, and platform-specific crops for an end-to-end launch.
3.7k
samuraigpt
muapi-3d-logo-animation
Transforms a 2D logo into a premium 3D version and animates it with professional cinematic effects.
3.7k
samuraigpt
muapi-multi-angle-shots
Generates a complete set of multi-angle product shots — front, side, back, top-down, and 45-degree perspective — for comprehensive product visualization.
3.7k
samuraigpt
muapi-youtube-thumbnail
Generate high-CTR YouTube thumbnails with striking imagery, bold text placement, and emotional subjects using AI image generation.
3.7k
samuraigpt
muapi-couple-grid-creator
Generates a stylized 6-box grid of a couple in romantic poses and outfits, each framed inside a cardboard box, using the muapi image editing service.
3.7k
samuraigpt
muapi-multi-angle-reshoot
Re-renders a subject or scene from multiple dramatic camera angles while maintaining consistent identity and detail.
3.7k
samuraigpt
muapi-award-ceremony-video
Generate a 15-second cinematic awards-ceremony video with a host, winner, and LED display using Seedance 2.0 image-to-video.
3.7k
samuraigpt
muapi-chibi-collage-effect
Transforms a lifestyle photo into a polished chibi clone sticker diary image, preserving the original person photorealistically while adding 5-8 kawaii mini-clones, scrapbook doodles, and handwritten-style captions.
3.7k
samuraigpt
muapi-color-analysis-board
Generates a high-end editorial color analysis board from a portrait photo, including best colors, undertone, makeup guide, capsule wardrobe, and style recommendations in a luxury fashion-magazine layout.
3.7k
samuraigpt
muapi-floor-plan-rendering
Design a 2D floor plan and convert it into a realistic, high-quality 3D architectural rendering.
3.7k
samuraigpt
muapi-photo-pack-generator
Generate a pack of professional or aesthetic photos from a single reference image while preserving the exact identity of the person.
3.7k · bundle
samuraigpt
muapi-character-story-video
Generates a multi-part animated story video by establishing a consistent character, creating sequential scenes, and animating them using image generation and image-to-video models.
3.7k
samuraigpt
muapi-giant-product-showcase
Creates a dramatic 'giant product' visual by compositing a product image into a scene where it appears building-sized next to a person, with an optional animation step.
3.7k
samuraigpt
muapi-amazon-product-listing
Generate a complete Amazon product listing image set — hero image, lifestyle shot, feature infographic, and detail closeup optimized for Amazon standards.
3.7k
samuraigpt
muapi-cartoon-dance-animation
Generates a Pixar-style 3D cartoon character from a photo and animates it with a reference dance video using the MuAPI platform.
3.7k
samuraigpt
muapi-action-figure-generator
Turns a person's photo into a custom 3D action figure with collectible toy packaging.
3.7k
samuraigpt
muapi-interior-design-visualizer
Generates interior design visualizations by creating an empty room image and furnishing it with AI, or by redesigning a user-provided room photo.
3.7k
cloudai-x
threejs-shaders
Create custom visual effects with Three.js shaders using GLSL, ShaderMaterial, uniforms, and vertex/fragment shaders.
2.5k
cloudai-x
threejs-geometry
Create 3D shapes using Three.js built-in geometries, custom BufferGeometry, and instanced rendering.
2.5k
cloudai-x
threejs-lighting
Configure and optimize Three.js lighting: ambient, directional, point, spot, hemisphere, and rect area lights with shadows, helpers, and IBL.
2.5k
cloudai-x
threejs-textures
Load, configure, and apply textures in Three.js, including UV mapping, environment maps, HDR textures, and render targets.
2.5k
cloudai-x
threejs-animation
Create and control Three.js animations including keyframe, skeletal, morph target, and animation blending.
2.5k
cloudai-x
threejs-materials
Create and configure Three.js materials including PBR, basic, phong, shader, and physical materials for 3D rendering.
2.5k
cloudai-x
threejs-postprocessing
Add visual effects to Three.js scenes using EffectComposer: bloom, depth of field, anti-aliasing, ambient occlusion, and custom screen-space shaders.
2.5k
leonxlnx
high-end-visual-design
Provides design instructions for creating premium, agency-level visual interfaces with specific typography, spacing, shadows, card structures, and animations.
leonxlnx
stitch-design-taste
Generates DESIGN.md files for Google Stitch that encode premium, anti-generic UI standards including typography, color, layout, motion, and anti-patterns.
· bundle
leonxlnx
gpt-taste
Generates award-level UI with GSAP motion, bento grids, and Python-driven randomization for layout variety.
leonxlnx
design-taste-frontend-v1
Generates premium React/Next.js frontend code with deterministic typography, calibrated color palettes, and motion physics, enforcing anti-cliché design rules and performance guardrails.
leonxlnx
industrial-brutalist-ui
Build web interfaces that fuse Swiss typographic design with military terminal aesthetics, using rigid grids, extreme type scale contrast, utilitarian color, and analog degradation effects for data-heavy dashboards, portfolios, or editorial sites.
leonxlnx
minimalist-ui
Generates ultra-minimalist, editorial-style web interfaces with warm monochrome palettes, typographic contrast, bento-grid layouts, and muted pastel accents, rejecting generic SaaS design trends.
leonxlnx
image-to-code
Generates premium website design images, then deeply analyzes them to implement faithful frontend code for hero sections, landing pages, and marketing sites.
leonxlnx
imagegen-frontend-mobile
Generates premium, app-native mobile screen images and flow images for iOS, Android, and cross-platform products, with strong emphasis on readability, consistency, and art-directed design.
antigravity
baseline-ui
Enforces an opinionated UI baseline to fix spacing, hierarchy, typography, and layout issues in AI-generated interfaces.
42.4k
adobe
reskin
Rebuild existing site pages with byte-faithful content on a separately-defined donor design system, preserving text, images, and metadata while applying a new visual design.
142 · bundle
agricidaniel
ads-photoshoot
Generate rights-cleared product photography variants for paid ads from an authorized source image and brand profile.

Frequently asked questions

What are Design & Media agent skills?

Design agent skills guide AI agents through visual and UX work: UI mockups, design systems, image and asset workflows, and design reviews. A skill keeps the agent aligned with your design language instead of improvising a new style each session.

Which Design & Media skills are most installed?

Popular Design & Media skills on SkillMD right now include reskin, stitch-design-taste, design-taste-frontend-v1. Rankings shift as installs change; sort this page by "Most downloaded" for the live list.

Do Design & Media skills work with Claude Code and Cursor?

Yes. Every skill here ships as a SKILL.md file, an open format that works in Claude Code, Claude.ai, Cursor, Codex, Windsurf, and 60+ other agents. Install one with npx skillmds add <owner>/<name>, or copy the file into your agent's skills directory.