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
nexu-io web-proto-editorial
Creates editorial-minimalist web prototypes with warm monochrome canvas, serif display and grotesque body typography, hairline borders, and ambient micro-motion.
· bundle
nexu-io frame-data-chart-nyt
Creates a New York Times-style data chart frame with animated reveal, supporting line, bar, and range-band charts from CSV/JSON or a textual conclusion.
· bundle
nexu-io frame-liquid-bg-hero
Generates a single-file HTML hero section with WebGL-inspired fluid background and overlaid quote, suitable for video intros, landing pages, or posters.
· bundle
nexu-io frame-flowchart-sticky
Draws a flowchart as a whiteboard-style sticky-note diagram with SVG curves, handwritten fonts, and hover interactions.
· bundle
nexu-io frame-light-leak-cinema
Generates a single-frame HTML template with a cinematic film-leak aesthetic: warm light leaks, 35mm grain, 2.39:1 letterbox, and serif typography for opening titles or chapter cards.
· bundle
nexu-io article-sketchnote-editorial
Transform a concept into an editorial-style visual narrative with six distinct layouts, four font families, and a magazine-like arc from problem to insight.
· bundle
voltagent hp-design-analysis
Documents HP's design language with color tokens, typography hierarchy, and layout patterns for building enterprise-consumer interfaces.
50.9k · bundle
voltagent bmw-design-analysis
Documents the design system of BMW's corporate website, including color palette, typography, spacing, and layout tokens for UI implementation.
50.9k · bundle
voltagent clay-design-analysis
Defines a vibrant claymation-meets-data design system for Clay.com, including color palette, typography, layout, and elevation tokens for GTM-data interfaces.
50.9k · bundle
voltagent expo-design-analysis
Documents the visual design system of Expo's marketing site, including color palette, typography, layout, and component styles for consistent brand implementation.
50.9k · bundle
voltagent meta-design-analysis
Documents Meta's design system for commerce surfaces, including color tokens, typography hierarchy, spacing, and responsive patterns for hardware merchandising.
50.9k · bundle
voltagent uber-inspired-design-analysis
Analyzes and recreates Uber's design language: a black-and-white palette, custom geometric display and text fonts, pill-shaped interactive elements, and editorial 4:3 illustrations for transportation and delivery interfaces.
50.9k · bundle
voltagent warp-inspired-design-analysis
Analyzes Warp's design language—warm dark canvas, restrained Inter typography, tight button radii, and terminal-mockup imagery—to extract a reusable design token system.
50.9k · bundle
voltagent wise-inspired-design-analysis
Analyzes and documents Wise's design language, including color palette, typography, spacing, and layout tokens for use in design systems.
50.9k · bundle
voltagent bmw-m-design-analysis
Defines the BMW M brand design system with a near-black canvas, white BMW Type Next Latin typography, full-bleed automotive photography, and the M tricolor stripe as a signature accent.
50.9k · bundle
voltagent figma-design-analysis
Analyzes and documents Figma's marketing design system, including color tokens, typography hierarchy, spacing, and component patterns.
50.9k · bundle
voltagent slacc-inspired-design-analysis
Documents Slacc's design language including color palette, typography hierarchy, spacing system, and layout tokens for UI implementation.
50.9k
voltagent airbnb-design-analysis
Analyzes Airbnb's design system including color palette, typography, shape language, and component patterns for use in design projects.
50.9k · bundle
voltagent claude-design-analysis
Documents the warm, editorial design system of Claude.com, including color palette, typography, spacing, and surface modes for consistent brand implementation.
50.9k · bundle
voltagent cohere-design-analysis
Documents Cohere's 2026 web design system with color palettes, typography hierarchy, spacing, and layout principles for enterprise AI interfaces.
50.9k · bundle
voltagent kraken
Provides a complete design system specification for Kraken's brand identity, including color palette, typography, component styling, and layout principles for building professional crypto exchange interfaces.
50.9k · bundle
voltagent notion-design-analysis
Documents Notion's brand design system including color tokens, typography hierarchy, layout spacing, and component geometry across homepage, enterprise, AI, agents, startups, and pricing surfaces.
50.9k · bundle
voltagent nvidia-design-analysis
Provides a design system specification for NVIDIA's marketing pages, including color tokens, typography hierarchy, and component patterns for building engineering-style landing pages.
50.9k · bundle
voltagent sanity
Provides a comprehensive design system specification inspired by Sanity's visual identity, including color palette, typography, spacing, and component styles for building dark-themed developer interfaces.
50.9k · bundle
voltagent sentri-inspired-design-analysis
Documents Sentri's design language with color tokens, typography hierarchy, and layout patterns for a developer-tools brand.
50.9k · bundle
voltagent spacex-inspired-design-analysis
Analyzes and documents SpaceX's design language, including color palettes, typography, layout, and elevation, for use in design systems and brand guidelines.
50.9k · bundle
voltagent zapier-inspired-design-analysis
Documents Zapier's design language with color palette, typography hierarchy, spacing system, and component specifications for UI implementation.
50.9k · bundle
voltagent binance-design-analysis
Analyzes Binance's design system: near-black canvas, single yellow accent (#FCD535), custom BinanceNova/BinancePlex type stack, multi-theme dark/light modes, and trading green/red semantics.
50.9k · bundle
voltagent bugatti-design-analysis
Documents the Bugatti brand design system: a black-and-white interface with custom typefaces, no accent color, and full-bleed photography as the only visual element.
50.9k · bundle
voltagent minimax-design-analysis
Analyzes MiniMax's design system, documenting its dual identity of stark monochrome marketing and vibrant gradient product cards, with detailed color, typography, and layout tokens.
50.9k · bundle
voltagent mongodb-design-analysis
Documents MongoDB's visual design system including colors, typography, layout, elevation, and shapes for UI implementation.
50.9k · bundle
voltagent posthog-design-analysis
Documents PostHog's design system: a warm cream canvas, hand-drawn hedgehog mascots, IBM Plex Sans typography, and a single yellow-orange CTA pill, with detailed color, typography, and component specifications.
50.9k · bundle
voltagent revolut-design-analysis
Documents Revolut's marketing design system: two-mode canvas (black/white), Aeonik Pro display typography, cobalt-violet brand accent, pill-shaped buttons, and product-led photography.
50.9k · bundle
voltagent shopifi-inspired-design-analysis
Analyzes and documents a two-track design system with cinematic dark marketing pages and light transactional surfaces, including color palettes, typography hierarchy, and component vocabulary.
50.9k · bundle
voltagent spotify
Provides a detailed design system specification inspired by Spotify's dark theme, including color palette, typography, component styling, and layout principles for building immersive music-player interfaces.
50.9k · bundle
voltagent coinbase-design-analysis
Documents the visual design system of Coinbase's marketing surfaces, including color palette, typography, layout, and elevation tokens.
50.9k · 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 HP-design-analysis, Expo-design-analysis, BMW-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.