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.
-
ridelink0 Bundle RefinedCarefully curated, modern minimal style with elegant serif typography and understated, sophisticated palettes.
-
ridelink0 Bundle VibrantLively, colorful design with bold playful typography, warm accents, and dynamic visual energy.
-
ridelink0 Bundle Vintage1950s-1990s nostalgia with skeuomorphic touches, grainy textures, retro color palettes, and pixel-style typography.
-
ridelink0 Bundle ArtisticHigh-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.
-
ridelink0 Bundle CreativePlayful, character-driven design with expressive typography and bold graphics for landing pages and creative projects.
-
ridelink0 Bundle AntStructured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications.
-
ridelink0 Bundle BoldStrong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.
-
ridelink0 Bundle CafeCozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.
-
ridelink0 Bundle FlatTwo-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast, user-friendly interfaces.
-
ridelink0 Bundle BasicPrint-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.
-
ridelink0 Bundle CleanSimplicity-focused design with ample whitespace, legible typography, and a limited color palette to reduce visual clutter.
-
ridelink0 Bundle CodexA radically minimal, blank-canvas interface built as a pure edge-to-edge surface, with almost no color and typography carrying the visual weight. Black serves as the only filled color, the only divider, and the sole surface tone cards.
-
ridelink0 Bundle EditorialMagazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.
-
ridelink0 Bundle GeometricGeometric, structured design with clean typography, neutral colors, precise shapes, and intuitive layouts that stay out of the way.
-
ridelink0 Bundle FuturisticForward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic.
-
ridelink0 Bundle ImpeccableA modern, graphic, editorial-poster aesthetic — warm and confident — built on alternating cream and burnt orange sections, an amber brand color.
-
ridelink0 Bundle PaperPaper-textured, print-inspired design with minimal colors, clean serif/sans typography, and tactile surface qualities.
-
ridelink0 Bundle PulseDynamic, vibrant style with thick borders, geometric shapes, high-contrast colors, and expressive typography conveying motion and vitality.
-
ridelink0 Bundle RetroThrowback design with vintage-inspired typography, high-contrast retro palettes, and nostalgic visual elements.
-
ridelink0 Bundle SleekModern minimalist aesthetic with clean lines, intentional color palette, subtle interactions, and consistent spacing.
-
ridelink0 Bundle ModernContemporary editorial style with serif typography, minimal palettes, and clean layouts for polished digital products.
-
ridelink0 Bundle ProfessionalPolished, business-ready design with modern typography, structured layouts, and a trustworthy visual identity.
-
braydenh563 Bundle UI UX Pro MaxUI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Searchable local data: 79 searchable styles (50 active), 192 product palettes and reasoning profiles, 74 font pairings, 119 UX guidelines, 105 icons, 17 GSAP presets, 25 chart types, and 22 stacks.
-
ridelink0 Bundle SquareGraceful, refined aesthetic with delicate typography, minimal palettes, and polished layouts that exude sophistication.
-
ridelink0 Bundle FictionA playful, energetic, cartoonesque interface inspired by friendly children's-book illustrations — warm cream backgrounds, big bold custom display typography, saturated brand color blocks, thick black outlines, generously rounded shapes
-
ridelink0 Bundle MinimalStripped-back design emphasizing whitespace, clean typography, and restrained color for maximum clarity and focus.
-
ridelink0 Bundle PremiumApple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished visual language.
-
kesslernity Bundle Branded Deck Builder 4Builds a slide-by-slide presentation draft on the user's own slide template and checks every slide against written brand rules (colours with hex codes, fonts, logo placement, slide archetypes, tone, banned visuals), returning the approved outline, the DRAFT deck content and a compliance report as Markdown. Use when the user asks to "build this deck on our template", "make these slides on-brand", "check this presentation against our brand guidelines", "rebuild these slides to corporate identity (CI)" or asks for a CI-compliant or corporate-template presentation. Do not use for an accessibility review of slides, use document-accessibility-check instead. Drafts for human review; never approves, authorises or signs off.
-
xjyloly-prog Bundle Svg Design SystemA reusable visual design system for drawing SVG diagrams that look professional AND carry real information hierarchy. Use this skill WHENEVER the user needs to draw, design, or generate any of these diagram types — a flowchart (流程图), a matrix/quadrant diagram (矩阵图), an architecture diagram (架构图), a timeline (时间轴), a relationship/node graph (关系图 / 节点图), a cycle diagram (循环图), or a comparison chart (对比图) — including when they describe the underlying need (steps / process, two-dimension classification, system layers/modules, milestones over time, many-to-many relationships, a closed loop, or A-vs-B comparison) without naming the format, or when they want to turn article/text content into such a diagram. Also use when placing one of these diagrams into a Feishu/Lark document whiteboard (飞书文档画板). Provides 10 named three-color palettes, design tokens (canvas, type scale, shadow, grid, stroke), light/dark adaptation rules, a 5-level information-hierarchy method, per-diagram-type recipes, and the exact Feishu whitebo
-
felipelobomotta-blip Skill Prose CraftExcelência na linha. Abertura que prende, diálogo com subtexto, prosa que um editor sublinha por qualidade. Dois especialistas integrados — gancho (primeiras páginas) e diálogo (toda conversa no livro). Usar na Fase 3 do book-genesis, em revisões de prosa, e sempre que a escrita parecer genérica.
-
mohitagw15856 Skill Figma Design QA 2Runs a pre-handoff QA checklist on a Figma design before it goes to engineering. Use when asked to QA a Figma design, do a pre-handoff check, or validate a Figma file is ready to build. Produces a structured QA report covering file hygiene, component usage, accessibility, and handoff readiness with explicit pass/fail status per item. Optimised for Opus 4.7 and newer models.
-
mohitagw15856 Skill Figma Design Review 2Runs a structured PM design review against product requirements. Use when asked to review a Figma design, check a design against requirements, or assess whether a design meets the product spec. Produces a requirements coverage check, UX concerns, open questions, and an explicit approval status — approved, approved with conditions, or not approved.
-
mohitagw15856 Skill Figma Prototype Plan 2Plan prototype interactions and flows for user testing in Figma. Use when asked to plan a Figma prototype, set up prototype interactions, define what to prototype for a user test, or prepare a Figma prototype for usability testing. Produces a prototype scope, interaction specification, test task scripts, and Figma setup guide.
-
mohitagw15856 Skill Figma Spacing System 2Design a spacing and layout token system for a Figma design system. Use when asked to create a spacing system, define layout tokens, set up a grid system, build a spacing scale, or establish layout foundations for a Figma file. Produces a complete spacing scale, grid definition, component spacing conventions, and Figma implementation guide.
-
mohitagw15856 Skill Figma Variant Matrix 2Define component variants and states systematically for Figma. Use when asked to plan component variants, define states for a component, set up a Figma variant matrix, or work out what properties a component needs before building it. Produces a complete variant matrix with all properties, values, and combinations needed.
-
mohitagw15856 Skill Design System Generate 2Generate a complete, accessibility-checked design system from scratch — colour ramps, type scale, spacing, elevation, and exports for CSS, Tailwind, design tokens, Figma, VS Code and PowerPoint. Use when asked to create a design system, pick a colour palette, build a starter theme, produce design tokens for a new product, or apply an existing brand colour to a full system. For auditing a system that already exists use design-system-audit; for extracting one from a live site use brand-guidelines.
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 refined, vibrant, vintage. 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.