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
google-labs-code design-md
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files.
6.4k · bundle
google-labs-code taste-design
Generates DESIGN.md files for Google Stitch that encode premium, anti-generic UI standards with strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.
6.4k · bundle
google-labs-code stitch-manage-design-system
Manage design systems in Stitch using MCP tools, including retrieval of assets, creating or updating design systems, and applying them to screens.
6.4k · bundle
adobe diff
Reconcile a converted or built web page against its source prototype using pixel/layout and structural content diffs to catch fidelity regressions.
142 · bundle
adobe adobe-batch-edit-photos
Apply consistent photo adjustments across a set of images so they look like they were edited together, using Adobe tools for color, tone, cropping, and optional selective enhancements.
142
adobe adobe-resize-photos-and-videos
Resize photos and videos to exact pixel dimensions, aspect ratios, or named sizes using Adobe tools.
142 · bundle
getsentry presentation-creator
Create interactive, data-driven presentation slides using React, Vite, and Recharts with Sentry branding, built as a single distributable HTML file.
845 · bundle
github napkin
Opens a browser-based whiteboard for sketching ideas with sticky notes, then reads the visual snapshot and clipboard data to provide conversational analysis and suggestions.
36.2k · bundle
github azure-architecture-autopilot
Design Azure infrastructure using natural language or analyze existing resources to generate architecture diagrams, refine them through conversation, and deploy with Bicep.
36.2k · bundle
github image-manipulation-image-magick
Process and manipulate images using ImageMagick: resize, convert formats, batch process, and retrieve metadata.
36.2k
minimax-ai minimax-pdf
Generate, fill, or reformat PDFs with a token-based design system that adapts typography, color, and layout to document type.
12.9k · bundle
minimax-ai color-font-skill
Provides curated color palettes and font pairings for presentations and design tasks, including a complete design system with color tokens.
12.9k
inference-sh widgets-ui
Render declarative UI widgets from JSON for React/Next.js applications, enabling agent-generated UIs, dynamic forms, and interactive cards.
584
inference-sh og-image-design
Design Open Graph and social sharing images with platform-specific specs, text placement, and branding guidelines. Generate images via HTML-to-image or AI, and configure OG meta tags for Facebook, Twitter, LinkedIn, and more.
584
inference-sh background-removal
Remove backgrounds from images using BiRefNet and edit them with Reve via the inference.sh CLI.
584
inference-sh elevenlabs-dialogue
Generate multi-speaker dialogue audio with different voices in a single file using the inference.sh CLI.
584
inference-sh data-visualization
Create clear, effective data visualizations with chart selection, color theory, and annotation best practices using the inference.sh CLI.
584
inference-sh storyboard-creation
Generate visual storyboards with AI image generation, covering shot types, camera angles, movement, continuity rules, and panel layout for video planning and pre-production.
584
inference-sh character-design-sheet
Create consistent characters across AI-generated images using reference sheets, detailed descriptions, and LoRA techniques.
584
inference-sh youtube-thumbnail-design
Design high-CTR YouTube thumbnails with AI image generation, covering dimensions, safe zones, color strategy, text rules, face expression psychology, and A/B testing.
584
owl-listener handoff-spec
Create developer handoff specifications with measurements, behaviors, assets, and edge cases.
1.7k
owl-listener icon-system
Create an icon system specification covering grid, sizing, naming, categories, and implementation guidance.
1.7k
owl-listener visual-hierarchy
Establish clear visual hierarchy through size, weight, color, spacing, and positioning to guide users through interfaces.
1.7k
owl-listener case-study
Craft portfolio-ready case studies that tell the story of a design project, demonstrating process, thinking, and impact.
1.7k
owl-listener user-persona
Create refined user personas from research data with demographics, goals, frustrations, and behavioral patterns for product and UX design decisions.
1.7k
owl-listener data-visualization
Design clear, accessible data visualizations with appropriate chart selection and styling.
1.7k
owl-listener component-spec
Creates detailed component specifications for design systems, covering anatomy, variants, states, accessibility, and usage guidelines.
1.7k
owl-listener millers-law
Apply Miller's Law and chunking strategies to group information into meaningful units, making interfaces easier to scan, understand, and recall.
1.7k
owl-listener design-review-process
Establish design review gates with criteria, checklists, and approval workflows to maintain design quality.
1.7k
owl-listener state-machine
Model complex UI behavior as finite state machines with states, events, and transitions to eliminate impossible states and make behavior predictable.
1.7k
owl-listener localization-design
Design interfaces that adapt gracefully to multiple languages, writing directions, and cultural contexts.
1.7k
owl-listener error-handling-ux
Design error prevention, detection, and recovery experiences that minimize user frustration.
1.7k
owl-listener documentation-template
Generate structured documentation templates for components, patterns, or guidelines within a design system.
1.7k
owl-listener design-system-adoption
Create adoption strategies and materials to drive design system usage across teams.
1.7k
owl-listener critique-visual-hierarchy
Analyze a screen's visual hierarchy by evaluating entry point, eye flow, weight distribution, and emphasis, then provide actionable fixes.
1.7k
samuraigpt muapi-ui-design
Generates high-fidelity UI/UX mockups for mobile and web apps using Atomic Design principles, translating product requirements into design specifications with platform-specific layouts and design tokens.
3.7k · bundle
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 stitch::manage-design-system, napkin, minimax-pdf. 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.