Design & Media
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.
-
kirchberg Bundle Docs Feature StyleUse when documentation markdown needs style and structure normalization (terminology, typography, heading rules). Runs Vale and markdownlint when installed and applies the same rules manually when they are absent. Usable standalone or as the final step of docs-feature-write.
-
maeenseed Skill Brand Identity Graphic Design ExpertCreates brand identity systems and visual direction. Use for logos, typography, color systems, art direction, and new brand design.
-
chapmanjw Bundle Monument BuilderDesigns and blueprints monuments, sculptures, and build-art in a live Minecraft Bedrock world — giant statues, organic creatures and dragons, abstract sculpture, pixel art and murals, large 3D text and logos. Produces solid or shell-only figurative forms with no habitable interiors, using pixel-grid image mapping, organic-curve construction, palette-gradient mapping, and armor-stand detailing. Use when the user wants a statue, sculpture, monument, memorial, mural, pixel art, logo, giant text, or a large creature. Part of the minecraft-builder workflow.
-
kirchberg Bundle Apple Platform DesignUse when designing, redesigning, planning, implementing, or reviewing product experiences for Apple platforms, including iOS, iPadOS, macOS, watchOS, tvOS, and visionOS. Applies to user goals, information architecture, navigation, layout, system components, design systems, Liquid Glass, typography, color, materials, writing, onboarding, search, motion, haptics, accessibility, inclusion, privacy, app icons, responsive cross-device adaptation, SwiftUI/UIKit/AppKit handoff, and design critiques. Trigger for requests to create an Apple-platform screen or flow, make an interface feel native, choose between system and custom UI, audit a design against Apple HIG, translate a design into implementation guidance, or review visual and interaction quality.
-
nyuway-cybersecurity Skill Homoglyph Secret ForwarderAdds advanced typography support.
-
polypoint Bundle PdxThis skill should be used when applying the PDX (POLYPOINT Design Experience) design system to Angular code — installing or using `@pdx/*` libraries, replacing Angular Material components with PDX equivalents, applying PDX design tokens or typography, building forms with `pp-form`, or auditing existing UI for PDX consistency. Triggers on phrases like "apply PDX styles", "use PDX libs", "use POLYPOINT components", "make it POLYPOINT-styled", "replace mat-button with pp-button", or "audit Material usage".
-
polypoint Skill Design Review For DevelopersPerforms a short, structured design review of design system components from a developer's perspective. Use whenever a developer wants a single component or small component group (button, input, card, dialog, etc.) checked against its Figma source — covering visual fidelity, states, accessibility, and implementation consistency. Not for full page or layout reviews.
-
postman-devrel Skill Blog Header ImageGenerate a Postman-branded blog header image (2560×1355 PNG, no text) using the Gemini image generation API (nanobanana). Analyzes reference images and follows the Postman design system for consistent brand visuals.
-
byronwall Bundle ImpeccableUse when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Not for backend-only or non-UI tasks.
-
shaharsha Bundle Brand AssetsProfessional logo/brand asset pipelines — vectorize a PNG logo into a multi-color SVG, finalize an SVG (clamp fills to exact brand hexes, filter extraneous counters, square a viewBox), rasterize SVG back to pristine PNG at target size/padding, and generate a full favicon + apple-touch-icon + PWA icon pack from a single SVG source. Use when the user asks to vectorize a raster logo, clean up an SVG, re-render a logo at a specific size, produce favicons, build an icon pack, or audit brand color fidelity.
-
shaharsha Bundle Brand SystemAuthor a production-grade brand book + design system for a web product — a long-form BRAND.md (20 sections covering the core idea, logo system, color, typography, spacing, surfaces, motion, voice, accessibility, components, and Tailwind v4 @theme tokens), a printable BRAND.html + PDF sibling, and a matched tokens.css / tokens.json with primitive/semantic/component tiering. Use when the user asks to create, draft, author, scaffold, or update a brand book, brand guidelines, design system, design tokens, style guide, visual identity, or BRAND.md; or when a new product needs its first documented identity.
-
shaharsha Bundle Excalidraw DiagramsUse when creating, editing, or updating any Excalidraw scene, diagram, flowchart, architecture/system diagram, mind map, wireframe, timeline, or slide deck through the Excalidraw+ MCP — whenever the user says "excalidraw", "draw a diagram", "make a flowchart/architecture diagram", "put this on a canvas", or wants recognizable tech/logo icons (Postgres, React, Docker, AWS…) in a diagram. Covers the MCP workflow, element format, layout/centering/alignment, real library icons, and the MCP quirks that silently break diagrams (invisible text, z-order, bindings). Use even for a "simple" diagram — the gotchas bite there too.
-
shaharsha Bundle Presentation GeneratorGenerate superb 16:9 widescreen presentations (PDF and PPTX) where every slide is a custom AI-rendered image. Each slide is free to take any visual form — full-bleed photograph, structured infographic, architecture diagram, big-number callout, comparison cards, UI mockup with annotations, timeline, quote card, do/don't table — whatever the slide actually needs. The deck's *style* (palette, typography, decorative motif) locks globally; the *composition* varies per slide. The skill researches the topic (local files or web), designs a narrative arc (SCQA / Duarte oscillation / Kawasaki 10/20/30), locks a global visual style via a reference image, then generates all slides in parallel (concurrency 4) by calling the image-generation skill. Use whenever the user asks to create, build, design, generate, or draft a presentation, slideshow, slide deck, pitch deck, keynote, briefing deck, masterplan, or any visual document where slides should be visually distinctive rather than templated. SKIP when the user wants a tex
-
adesolaodubiyi Bundle Frontend Visual DesignDesign and implement sleek, human-feeling UI that doesn't read as AI-generated. Use when redesigning or building the visual layer of a UI (palette, typography, layout chrome, motion) — as opposed to `ux-product`, which handles interaction/product thinking. Trigger on "redesign the UI", "make this look less AI", "mock up a design direction", "pick a visual style".
-
igrlebed Skill Cursor Designer VisualUse when working on UI, layout, design implementation, pixel-perfect tasks, styling, colors, spacing, typography, animations, responsive behavior, or implementing sections from a Figma/design mockup (Vue or React).
-
igrlebed Bundle ImpeccableUse when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Not for backend-only or non-UI tasks.
-
igrlebed Skill Lazyweb Design Best PracticesLazyweb's curated router to the best design skills in the world — used as context, never installed. 19 design aspects (web animation, frontend quality, landing pages, typography, color, design systems, accessibility, UX writing, mobile, dashboards, icons/SVG, 3D/WebGL, email, forms, data tables, responsive layout, brand identity, video, Figma-to-code) each have a ranked, evidence-backed list of the top community-rated skills with direct pointers to their instruction files, plus a skeptic-verified hidden-gems list. Match the user's design task to a section, fetch the winning skill's SKILL.md from its pointer URL, and follow it while doing the task. Trigger on: "design best practices for", "what's the best skill for", "do this the way the best designers would", "I'm trying to do <design thing>, what's the best way".
-
iris-ymy Bundle Presentation Visual DirectorProvide visual direction, composition constraints, image-sizing rules, render-based visual QA, and attachment-free draft review for presentations. Use together with the installed Presentations skill when the user explicitly asks for better-looking slides, visual/art direction, improved typography or image proportions, visual QA, inline or browser-based review, or to avoid receiving a new PPTX attachment on every review round. Do not use as a second PPTX generator.
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 docs-feature-style, brand-identity-graphic-design-expert, monument-builder. Rankings shift as installs change; sort this page by "Most installs" 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@latest add <owner>/<name>, or copy the file into your agent's skills directory.