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
heygen slideshow
Author a HyperFrames slideshow — a presentation, pitch deck, or interactive deck with discrete slides, fragment reveals, branching, hotspot navigation, and built-in presenter mode with speaker notes; also converts an existing page into a deck.
· bundle
heygen faceless-explainer
Turn any text into a faceless explainer video with typography, abstract graphics, diagrams, and data visualization.
· bundle
heygen cut-the-curve
Provides a catalog of cinematic transition techniques (zoom-through, cut-the-curve, waterfall cut, etc.) with GSAP parameters for velocity-matched seams and in-scene motion.
· bundle
op7418 guizang-social-card-skill
Generate Guizang-style social card image sets, Live Photo motion cards, and WeChat cover pairs from articles, scripts, screenshots, or videos.
· bundle
nexu-io dashboard
Generates a standard admin dashboard page with a fixed sidebar, top bar, KPI card grid, 1-2 charts, and a recent activity list.
· bundle
nexu-io mobile-app
Generate a single-screen mobile app design inside a pixel-perfect iPhone 15 Pro frame with status bar, header, main content, and bottom tab bar.
· bundle
nexu-io info-funnel
Generates a single-file HTML funnel infographic from 3-6 ordered stages with absolute values, showing conversion rates and drop-off at each step. Output is a static 9:16 vertical image with inline CSS, no JavaScript, no external dependencies.
· bundle
nexu-io social-carousel
Generates a three-card social media carousel with a headline that spans across cards, brand mark, and progressive visual elements.
· bundle
nexu-io deck-ljg-present
Visualizes outlines and markdown as bold, color-block manifesto-style decks without rewriting or reordering content. Supports black, red, and yellow themes.
· bundle
nexu-io deck-hermes-cyber
Creates a cyber-themed terminal deck for CLI, agent, or dev tool reviews with CRT scanlines, green monospace text, and three-tier tags.
· bundle
nexu-io video-hyperframes
Generates a sequence of fullscreen video frames with cinematic visuals, auto-play, and metadata for Remotion/Hyperframes rendering.
· bundle
nexu-io deck-guizang-editorial
Creates editorial-style e-ink inspired slide decks with 10 layout templates and 5 color palettes for narrative, opinion, and personal expression.
· bundle
nexu-io deck-swiss-international
Generate a Swiss International style presentation deck with 16-column grid, one of four accent colors, and 22 locked layout templates. Outputs a single self-contained HTML file.
· bundle
voltagent cal-com-design-analysis
Analyzes and documents the Cal.com design system, including color tokens, typography hierarchy, spacing, and component patterns for use in design implementations.
50.9k · bundle
voltagent miro-design-analysis
Documents Miro's brand design system including colors, typography, layout, and component patterns for visual consistency.
50.9k · bundle
voltagent xai-inspired-design-analysis
Analyze and replicate xAI's design language: near-black canvas, white pill outlines, Universal Sans display type, and Geist Mono technical labels.
50.9k · bundle
voltagent tesla
Provides a comprehensive design system specification inspired by Tesla's website, covering visual theme, color palette, typography, and UI patterns.
50.9k · bundle
voltagent cursor-design-analysis
Documents the design system for Cursor's marketing site, including color palette, typography, layout, and component tokens.
50.9k · bundle
voltagent ollama-design-analysis
Documents the design system behind Ollama's marketing site, including color tokens, typography hierarchy, spacing, and component patterns for a minimal, documentation-first aesthetic.
50.9k · bundle
voltagent stripi-inspired-design-analysis
Analyzes Stripe's design language, documenting its color system, typography, layout, and component patterns for use in design projects.
50.9k · bundle
voltagent ferrari-design-analysis
Documents Ferrari's brand design system including color palette, typography, spacing, and layout tokens for use in marketing materials.
50.9k · bundle
voltagent raycast
Documents the Raycast design system with color tokens, typography hierarchy, and surface modes for building consistent dark-mode interfaces.
50.9k · bundle
voltagent webflow-inspired-design-analysis
Analyzes and documents Webflow's design language, including color palette, typography hierarchy, spacing system, and layout principles for use in design systems.
50.9k · bundle
voltagent mintlify-design-analysis
Analyzes Mintlify's design system, documenting its dual-mode aesthetic of atmospheric marketing heroes and dense developer documentation surfaces, including color tokens, typography hierarchy, and layout patterns.
50.9k · bundle
voltagent dell-1996-inspired
Recreates Dell.com's 1996 catalog-era design with a black page frame, flat color-block ribbon cards, chunky Helvetica-Black titles, Times Roman body copy, and hand-cut GIF stickers.
50.9k · bundle
voltagent voltagent-inspired-design-analysis
Analyze and recreate the visual design language of Voltagent, a developer-focused AI agent engineering platform, including its dark canvas, electric-green accent, typography system, and layout patterns.
50.9k · bundle
voltagent mistral-ai-design-analysis
Documents Mistral AI's visual design system including sunset gradient color palette, typography pairing of PP Editorial Old with Inter, spacing tokens, and layout patterns across six page types.
50.9k · bundle
voltagent together-ai-inspired-design-analysis
Analyzes and documents the design system of Together AI's website, extracting colors, typography, and surface patterns for use in design projects.
50.9k · bundle
remotion-dev remotion-render
Renders videos and still images from Remotion compositions using the CLI, with guidance on transparent output.
3.9k · bundle
peixl ifq-design-skills
Produces HTML-first visual design deliverables such as interactive prototypes, slide decks, motion demos, infographics, dashboards, landing pages, whitepapers, changelogs, business cards, social covers, and brand systems, with optional export to MP4, GIF, PPTX, PDF, or SVG.
24 · bundle
momozi1996 davidfincher-perspective
提供大卫·芬奇导演风格的创意建议，涵盖视觉方案、叙事手法和场景设计，帮助用户创作具有冷峻精准、黑色坚韧美学的作品。
38 · bundle
momozi1996 ingmarbergman-perspective
提供英格玛·伯格曼导演风格的创意建议，涵盖视觉方案、叙事手法和场景设计，适用于剧本创作和影像设计。
38 · bundle
momozi1996 stevenspielberg-perspective
提供史蒂文·斯皮尔伯格导演风格的创意建议，涵盖视觉方案、叙事手法和场景设计，适用于剧本创作和影像设计。
38 · bundle
ecnu-icalk baoyu-comic
Creates original educational comics with flexible art style and tone combinations, generating storyboards, character sheets, and sequential images, then merging them into a PDF.
559 · bundle
ecnu-icalk baoyu-image-gen
Generates images via OpenAI, Google, DashScope, and Replicate APIs, supporting text prompts, reference images, aspect ratios, and quality presets.
559 · bundle
ecnu-icalk baoyu-xhs-images
Generates Xiaohongshu infographic series with 10 visual styles and 8 layouts, breaking content into 1-10 cartoon-style images optimized for engagement.
559 · 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 Mintlify-design-analysis, guizang-social-card-skill, Miro-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.