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
voltagent
composio-design-analysis
Documents the design system for Composio's marketing site, including color palette, typography, layout, elevation, shapes, and component specifications.
50.9k · bundle
voltagent
intercom-design-analysis
Documents Intercom's design system including color palette, typography hierarchy, spacing tokens, and layout patterns for marketing surfaces.
50.9k · bundle
voltagent
supabase
Provides the complete design language for Supabase marketing surfaces, including color tokens, typography hierarchy, spacing system, and component styles.
50.9k · bundle
voltagent
theverge
Provides a comprehensive design system specification inspired by The Verge's 2024 redesign, including color palette, typography, and component styles for building dark-themed editorial interfaces.
50.9k · bundle
voltagent
vodafone-inspired-design-analysis
Analyzes and documents Vodafone's design language, including color palette, typography hierarchy, spacing system, and layout patterns for brand-consistent implementation.
50.9k · bundle
voltagent
pinterest-design-analysis
Documents Pinterest's design system including color palette, typography, shape geometry, and layout patterns for the home page, search results, and creator marketing surfaces.
50.9k · bundle
voltagent
replicate-design-analysis
Documents Replicate's design system: warm cream canvas, hot orange accent, three-family typography stack (rb-freigeist-neue, basier-square, JetBrains Mono), fully rounded interactive elements, and a section rhythm that alternates between cream, orange hero, dark code-story, and black footer.
50.9k · bundle
voltagent
starbucks
Documents the Starbucks design system with color palette, typography rules, spacing, and component styles for UI implementation.
50.9k · bundle
voltagent
elevenlabs
Defines a design system for ElevenLabs with colors, typography, layout, and component tokens for building brand-consistent interfaces.
50.9k · bundle
voltagent
linear-design-analysis
Documents Linear's dark-canvas marketing design system with near-black backgrounds, lavender-blue accent, four-step surface hierarchy, aggressive negative tracking on display type, and product UI screenshots as the primary visual rhythm.
50.9k · bundle
voltagent
mastercard
Provides a design system specification inspired by Mastercard's visual language, including color palette, typography, and component patterns for building brand-aligned interfaces.
50.9k · bundle
voltagent
lamborghini
Provides a complete design system specification inspired by Lamborghini's brand, including color palette, typography, spacing, and UI component guidelines.
50.9k · bundle
voltagent
opencode-design-analysis
Documents the monospaced, manpage-inspired design system of OpenCode's marketing site, including typography, color palette, and spacing tokens.
50.9k · bundle
voltagent
playstation-design-analysis
Documents the PlayStation marketing design system with three alternating canvas modes, PlayStation SST typography at weight 300, and a restrained chrome vocabulary where imagery occupies 60-90% of each section.
50.9k · bundle
remotion-dev
remotion-markup
Guidance for writing Remotion React markup with animation patterns, media handling, sequences, effects, and advanced features like 3D, audio visualization, and parameterized videos.
3.9k · bundle
xiaopu-ai
web-design
Takes a PRD, reference URL, screenshot, or keywords to produce a DESIGN.md specification, then generates production-ready web code that meets UI/UX, visual, motion, and responsive standards.
635 · bundle
haloshin
ip-diagram-creator
Creates a consistent minimalist hand-drawn illustrated character from user-provided photos or profile materials, then generates content visuals like knowledge cards, posters, storyboards, and presentation slides featuring that character alongside helper agents.
239 · bundle
xiaohuailabs
xiaohu-ip-studio
Generates explanatory illustrations for Chinese in-depth articles using a fixed IP character library, following a structured method of cognitive anchor selection, metaphor creation, and anti-PPT self-check.
268 · bundle
vivixiao980
xhs-cover
Generate or edit Xiaohongshu (RedNote) cover images using GPT Image 2 / Codex, with a Gemini CLI fallback, supporting 18 preset styles and custom style learning.
166 · bundle
c-narcissus
research-paper-figure-skill-factory
Builds reusable specialized skills for creating research-paper figures from lawful source material, then uses those skills to design and render figures for target papers.
47 · bundle
momozi1996
tsuihark-perspective
Provides creative advice in the style of director Tsui Hark, offering visual, narrative, and scene design suggestions for filmmaking and storytelling.
38 · bundle
momozi1996
chenkaige-perspective
提供陈凯歌导演风格的创意建议,涵盖视觉方案、叙事建议和场景设计,适用于剧本创作与影像设计。
38 · bundle
momozi1996
bongjoonho-perspective
提供奉俊昊导演风格的创意建议,涵盖视觉方案、叙事建议、场景设计和执行要点,适用于剧本创作和影像设计。
38 · bundle
momozi1996
edwardyang-perspective
Provides creative guidance in the style of director Edward Yang, offering visual, narrative, and scene design suggestions for scriptwriting and filmmaking.
38 · bundle
momozi1996
woodyallen-perspective
提供伍迪·艾伦导演风格的创意建议,涵盖风格定位、视觉方案、叙事建议、场景设计和执行要点,适用于剧本创作、影像设计和叙事决策。
38 · bundle
momozi1996
akirakurosawa-perspective
提供黑泽明导演风格的创意建议,涵盖场面调度、视觉方案、叙事建议和场景设计,用于剧本创作和影像设计。
38 · bundle
momozi1996
hayaomiyazaki-perspective
Provides creative advice in the style of Hayao Miyazaki, offering visual, narrative, and scene design suggestions for film and animation projects.
38 · bundle
momozi1996
houhsiaohsien-perspective
Provides creative guidance in the style of director Hou Hsiao-hsien, offering visual, narrative, and scene design suggestions for filmmaking and scriptwriting.
38 · bundle
momozi1996
andreitarkovsky-perspective
提供安德烈·塔可夫斯基导演风格的创意建议,涵盖视觉方案、叙事手法和场景设计,帮助用户将神性静观的电影美学融入剧本创作与影像设计。
38 · bundle
momozi1996
federicofellini-perspective
提供费德里科·费里尼导演风格的创意建议,涵盖视觉方案、叙事手法和场景设计,帮助创作者在剧本创作和影像设计中融入其独特美学。
38 · bundle
momozi1996
quentintarantino-perspective
Provides creative advice in the style of director Quentin Tarantino, covering visual design, narrative structure, and scene design for filmmaking projects.
38 · bundle
momozi1996
michelangeloantonioni-perspective
提供米开朗基罗·安东尼奥尼导演风格的创意建议,涵盖视觉方案、叙事建议和场景设计,适用于剧本创作与影像设计。
38 · bundle
oil-oil
grok-designer
Delegates UI, UX, and visual design tasks to Grok 4.5 through a dedicated CLI, covering critique, art direction, HTML mockups, and SVG assets.
57 · bundle
aipauloshimas
kinetic-multicam
Turns a single talking-head video into a video-to-video prompt with kinetic supers and rapid camera whips, preserving the original footage.
28 · bundle
majiayu000
a11y
Guides implementation of accessible web interfaces to meet WCAG 2.2 AA, WAI-ARIA 1.2, and WCAG2ICT standards, covering semantic HTML, ARIA patterns, focus management, and automated validation.
567 · bundle
majiayu000
aica
Provides Kelvin Garr's fixed AICA brand identity and Next.js 14 implementation guide for building his personal sites and AICA-branded projects.
567 · 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 Intercom-design-analysis, elevenlabs, PlayStation-design-analysis. 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.