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.
-
marktantongco 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.
-
marktantongco Bundle Stitch DesignUnified entry point for Stitch design work. Handles prompt enhancement (UI/UX keywords, atmosphere), design system synthesis (.stitch/DESIGN.md), and high-fidelity screen generation/editing via Stitch MCP.
-
marktantongco Skill Book Cover DesignBook cover design with genre-specific conventions, typography rules, and AI image generation. Covers fiction and non-fiction genres, sizing, thumbnail testing, and iteration workflows. Use for: self-publishing, ebook covers, print covers, audiobook covers, cover mockups. Triggers: book cover, cover design, ebook cover, book art, novel cover, self publishing cover, kindle cover, audiobook cover, book jacket, cover illustration, fiction cover, nonfiction cover
-
marktantongco Skill Logo Design GuideLogo design principles and AI image generation best practices for creating logos. Covers logo types, prompting techniques, scalability rules, and iteration workflows. Use for: brand identity, startup logos, app icons, favicons, logo concepts. Triggers: logo design, create logo, brand logo, logo generation, ai logo, logo maker, icon design, brand mark, logo concept, startup logo, app icon logo
-
ferroxlabs Bundle Morph Ppt 3d3D Morph PPT - extends morph-ppt with GLB model insertion, cinematographic camera, model-content layout, and enriched visual design system.
37 -
ferroxlabs Skill Convert Proof StackEngineer visual proof stacks that map to the Donahoe Method's 5 proof types: testimonial layouts (text + photo + name + result), logo bars, video > text hierarchy, quote-photo-result cards, numerical proof, case studies. Specs paste-ready HTML/CSS for each pattern + placement rules across the page. Use when designing the proof zone of a sales page, VSL page, lead-magnet page, or any asset where Lock 2 (Trust) needs visual scaffolding. Not for writing testimonial copy from scratch (use /convert proof) and not for live-page proof teardown (use /market landing).
Audited 37 -
tcuzzo Skill Design TasteUse before building anything visual (a site, app, dashboard, console, or deck) so it ships with real taste instead of generic AI defaults. Trigger words: design, UI, taste, design tokens, design system, accessibility, WCAG, screenshot critique, dark mode, restyle.
Audited -
marktantongco Skill Character Design SheetCharacter consistency across AI-generated images with reference sheets and LoRA techniques. Covers turnaround views, expression sheets, color palettes, and style consistency tricks. Use for: character design, game art, illustration, animation, comics, visual novels. Triggers: character design, character sheet, character consistency, character reference, turnaround sheet, expression sheet, character art, consistent character, character concept, reference sheet, character creation, oc design, character bible
-
gigik2a Skill Report Premium DesignReport Premium K2-AI — Design System & Composition Rules
-
pixartseu Skill BrandkitPremium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations. Trained for minimalist, cinematic, editorial, dark-tech, luxury, cultural, security, gaming, developer-tool, and consumer-app brand systems. Optimized for intentional logo concepting, refined composition, sparse typography, strong symbolic meaning, premium mockups, art-directed imagery, and flexible grid layouts.
-
pixartseu Bundle UI UX Pro MaxData-backed design-system generator: given a product type or industry, a searchable local database returns concrete recommendations — pattern, style, color palette, typography, effects and anti-patterns — spanning 84 styles, 192 palettes, 74 font pairings, 25 chart types and 22 stacks (React, Next.js, Vue, Svelte, SwiftUI, Flutter, Tailwind, shadcn and more). Use when you need concrete data-driven design tokens and recommendations for a specific product, not just design principles. For principle-based anti-slop craft use hallmark or taste-skill.
-
pixartseu Bundle Frontend DesignComponent-level frontend craft toolkit with 20 iterative design commands (/critique, /audit, /normalize, /polish, /harden, /animate, /colorize, /distill, /typeset, /arrange, /delight, /clarify, /optimize). Use to refine, critique, or polish EXISTING UI components and pages — spacing, typography, motion, states, micro-interactions — or to run a specific refinement command. For generating a whole new page from a brief use hallmark; for a data-backed design system use ui-ux-pro-max.
-
pixartseu Bundle FigmaFigma MCP integration - leggi file Figma, estrai design tokens, genera codice Tailwind/shadcn pixel-perfect. Use when given a Figma URL to implement, extracting design tokens, or converting Figma designs to code.
-
pixartseu Bundle StitchGoogle Stitch MCP - generazione e modifica UI design da prompt, output React/TypeScript/HTML/CSS, estrazione design tokens. Use when generating UI from text prompts via Stitch, converting Stitch HTML/CSS to Tailwind/shadcn, or using Stitch as a Figma alternative.
-
pixartseu Bundle Motion SystemStructured motion design system - 4 layers from CSS/Tailwind to Framer Motion to Canvas, accessibility-aware. Use when implementing complex animations, building motion design systems, or choosing the right animation layer for a feature.
-
pixartseu Bundle Spline Rive WebNo-code / low-code 3D & motion graphics for the web — Spline (3D scenes with @splinetool/react-spline), Rive (interactive 2D and 3D state machines via @rive-app/canvas, @rive-app/react-canvas, @rive-app/webgl2). Use when a designer ships a .spline scene or .riv file, you need an interactive hero/illustration without writing Three.js, or for runtime-controlled state-machine animations.
-
pixartseu Bundle Pixarts Design SystemPixarts design system - design tokens, CSS variables, standard components, layout system, dark mode. Use when implementing brand colors, typography, component variants, or the standard Pixarts visual system.
-
leadmagic Bundle Brand KitBuild a complete brand kit for B2B SaaS — logo design and usage, color palette, typography, voice and tone, visual identity, brand guidelines, and asset templates. Use when creating a brand from scratch, rebranding, or building consistent visual identity. Triggers on: "brand kit", "brand identity", "logo design", "brand guidelines", "visual identity", "brand book", "rebrand", "brand colors", or any brand-building request.
-
18816132863 Bundle Opengfx LogoGenerate complete logo systems with icon + wordmark + lockups. Creates production-ready SVG vector logos from natural language prompts. Use when a user requests a logo, brand mark, icon design, or visual identity foundation.
-
18816132863 Bundle Xiaoyi PDFUse this skill when visual quality and design identity matter for a PDF. CREATE (generate from scratch): "make a PDF", "generate a report", "write a proposal", "create a resume", "beautiful PDF", "professional document", "cover page", "polished PDF", "client-ready document". FILL (complete form fields): "fill in the form", "fill out this PDF", "complete the form fields", "write values into PDF", "what fields does this PDF have". REFORMAT (apply design to an existing doc): "reformat this document", "apply our style", "convert this Markdown/text to PDF", "make this doc look good", "re-style this PDF". This skill uses a token-based design system: color, typography, and spacing are derived from the document type and flow through every page. The output is print-ready. Prefer this skill when appearance matters, not just when any PDF output is needed.
-
18816132863 Bundle Meitu SkillsRoot entry skill for Meitu capabilities. Routes requests to scene skills (meitu-poster, meitu-stickers, meitu-visual-me, meitu-product-swap, meitu-video-dance, meitu-upscale, meitu-product-view, meitu-image-fix, meitu-id-photo, meitu-cutout, meitu-carousel, meitu-beauty, meitu-image-adapt) or meitu-tools for direct Meitu CLI tool execution.
-
18816132863 Bundle PPTX PostersCreate research posters using HTML/CSS that can be exported to PDF or PPTX. Use this skill ONLY when the user explicitly requests PowerPoint/PPTX poster format. For standard research posters, use latex-posters instead. This skill provides modern web-based poster design with responsive layouts and easy visual integration.
-
18816132863 Bundle Canvas DesignCreate beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
-
18816132863 Bundle Meitu Poster一句话生成海报图片。支持封面图、营销图、信息图、活动海报等多种类型,自动识别行业风格,适配各平台尺寸(小红书、微信、抖音等)。有参考图时进行风格洗稿或模仿重构,无参考图时从零创意规划。当用户提到海报设计、做张海报、封面图、cover image、设计方案、文章转海报时触发。
-
davekilleen Bundle Anthropic Brand GuidelinesApplies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
-
biomate-ai Skill Bioconductor SeqlogoseqLogo takes the position weight matrix of a DNA sequence motif and plots the corresponding sequence logo as introduced by Schneider and Stephens (1990).
-
lamm-mit Bundle Latex PostersCreate professional research posters in LaTeX using beamerposter, tikzposter, or baposter. Support for conference presentations, academic posters, and scientific communication. Includes layout design, color schemes, multi-column formats, figure integration, and poster-specific best practices for visual communication.
-
inbharatai Skill Design SystemBuild complete design systems — component tokens, Storybook stories, Figma variables, and living style guides.
-
inbharatai Skill Logo DesignerDesign SVG logos with multiple variants — primary, monochrome, favicon, and animated versions with brand alignment.
-
fusengine Skill Tailwindcss Utility ClassesUse when unsure which category skill covers a given utility class and need routing to the right one. Do NOT use for concrete class lookup - go to the category skill.
-
daemon-blockint-tech Bundle Prompt EngineerDesign, test, and optimize prompts for LLM interactions. Cover prompt patterns (few-shot, chain-of-thought, ReAct), system prompt design, output formatting, prompt evaluation, and prompt optimization techniques. Triggers on "write prompt", "optimize prompt", "design system prompt", "few-shot examples", "chain of thought", "prompt evaluation", "LLM output formatting", "prompt testing", or "prompt patterns".
-
inbharatai Skill Theme FactoryGenerate complete UI themes — color tokens, spacing scales, typography systems, and dark/light mode variants.
-
inbharatai Skill Brand GuidelinesCreate and enforce brand identity guidelines — logo usage, color palettes, typography, tone-of-voice, and asset libraries.
-
inbharatai Skill Typography GuideSelect and pair typefaces, set type scales, and generate CSS typography systems for web and print.
-
m2ai-portfolio Bundle Banana MakerGenerate images using the Gemini image generation API with the Nano Banana Pro prompting methodology. Use when the user asks to generate, create, or make an image, picture, photo, illustration, or visual.
-
cleanexpo Bundle Design BoardFive-persona deliberation skill for brand design — 15+ years of typography, layout, colour, motion, and 3D expertise. Five subagents (Art Director, Brand Systems Architect, Motion Designer, WebGL/3D Specialist, Critic) propose, cross-examine, and synthesise N concrete variants of a brand visual identity. Each variant is a complete `.design.md` + `.motion.md` (+ optional `.scene.md`) that the design-iterate loop hands back to the client (the user) for review. Triggered by `design-iterate`, or directly when the user says "convene the design board for {brand/brief}".
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 impeccable, stitch-design, book-cover-design. 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.