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.
-
ahang1598 Bundle Doubao Creative Design 2当用户要求从零生成、设计商业/社交媒体创意图片,或做系列延展、多比例适配时使用;触发任务包括做图、出图、生成图片、设计海报、主视觉/KV、Banner、封面、社媒配图、社媒长图、电商主图、详情页、产品图、Logo、IP角色、吉祥物、包装、品牌应用物料、活动物料、宣传册、落地页、知识科普海报、信息图、教学图、教材插图、课件配图、思维导图、知识图谱、流程图、数据图表、科学结构图、公式推导图、工程图纸、多资产视觉系统等图片设计场景
9 -
intense-visions Bundle Harness Design SystemHarness Design System
18 -
shenxingy Bundle Banana 2AI image generation Creative Director powered by Google Gemini Nano Banana — text-to-image, image editing, multi-turn creative sessions, batch workflows, brand presets. For ANY image creation/editing or creative-direction request. Triggers: generate an image, create a photo, edit this picture, design a logo, make a banner, visual asset, all /banana commands.
8 -
shenxingy Bundle Vignelli Canon Design System 2Massimo Vignelli's design discipline distilled from The Vignelli Canon — the Intangibles (semantics, discipline, appropriateness, timelessness, equity) and the Tangibles (grid, six typefaces, two-size scale, rulers, primary-color-as-identifier, white space) as an applyable method, plus railway-signage module logic, a deterministic token generator, and production notes. For disciplined, timeless, Swiss-modernist artifacts: identity systems, style guides, editorial/poster layouts, transit signage and route diagrams. Triggers: Vignelli, design/identity system, brand guidelines, wayfinding, subway map, route diagram, poster layout, timeless typography, 品牌规范, 导视系统.
8 -
modbender Skill System DesignSystem Design Fundamentals
12 -
kensaurus Bundle Design Theme 2Apply cohesive visual themes to artifacts (slides, docs, landing pages). Provides 11 pre-set themes with colors/fonts. Use when user mentions "apply theme", "color palette", "brand colors", "styling slides", "presentation design", "visual identity", or wants consistent styling across artifacts.
8 -
kensaurus Skill Design Canvas 2Create museum-quality visual art in .png and .pdf formats using design philosophy. Use when user asks for poster, visual design, infographic, certificate, badge, banner, social media graphic, print design, or mentions "create artwork", "design graphic", "visual identity", or "print material".
8 -
kensaurus Skill Design System 2Build a new design system (tokens, variants, theming). Use when "create a design system" or "component library from scratch". Drifted existing system → housekeep-design. Plan-only unification → plan-uiux-unification.
8 -
kensaurus Skill Enhance Motion 2Audit an existing app's design system and motion, then apply a coherent, performant, reduced-motion-safe pass. Use when "motion pass", "animate the app", or "add micro-interactions across the app". One new isolated animation → design-motion.
8 -
kensaurus Skill Housekeep Design 2Apply-now consolidation of a drifted design system into one token/component SSOT. Use after an approved plan-uiux-unification pass, or when "clean up the design system now", "migrate to one button", or "resolve token conflicts". Plan-only burndown → plan-uiux-unification.
8 -
kensaurus Skill Design Generative ArtCreate original algorithmic visuals with p5.js, Canvas, or SVG using seeded randomness and interactive controls. Use when "generative art", "procedural visuals", "flow fields", "particle system", or "art from code". Data charts → data-visualization. UI illustration → design-frontend.
8 -
kensaurus Bundle Thirdparty UI UX Pro MaxThird-party skill — searchable style catalog, palettes, typography, and UX guidelines via Python scripts. Use when the user names ui-ux-pro-max or asks to look up a palette/font pairing from that catalog. Generic UI review → audit-ux / audit-uiux-design-system.
8 -
nous-hermeshub Skill UI Design SystemUI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use when creating design systems, generating design tokens, maintaining visual...
1 -
michaelschecht Skill Art Direction 2Define the visual identity of a game including art style, color palettes, character design language, environment aesthetics, and asset pipelines. Use when establishing the look and feel of a game project. Also trigger for "art style", "visual style", "game aesthetics", "color palette", "character art", "pixel art", or "game graphics".
0 -
curiositech Bundle Vibe Matcher 2Synesthete designer that translates emotional vibes and brand keywords into concrete visual DNA (colors, typography, layouts, interactions). Use when users describe desired "feel" (edgy, trustworthy, premium, playful, minimal) and need specific design specifications. NOT for technical implementation or coding.
10 -
curiositech Bundle Typography Expert 2Working type director's reference for selecting, pairing, and shipping typefaces with real taste. Covers a broad, opinionated catalog of typefaces and foundries (libre through commercial), a mood/era/register-driven selection framework that never collapses to one answer, font pairing as logic, fluid type scales, variable-font axes (incl. opsz/GRAD), OpenType features, web-font performance (subsetting, font-display, size-adjust fallback metrics), and licensing literacy (SIL OFL vs commercial EULA, desktop/web/app, trials). Explicitly retires the overused AI-design defaults (Inter, Roboto, Montserrat, Poppins, Fraunces, Geist, Söhne, the Fontshare/ITF starter pack) and names fresher alternatives in every role. Use for font selection, pairing, type scales, web-font optimization, variable fonts, OpenType, and typographic systems. NOT for logo/wordmark design, icon fonts, general CSS, or image-based/raster typography.
10 -
curiositech Bundle Web Design Expert 2Creates unique web designs with brand identity, color palettes, typography, and modern UI/UX patterns. Use for brand identity development, visual design systems, layout composition, and responsive web design. Activate on "web design", "brand identity", "color palette", "UI design", "visual design", "layout". NOT for typography details (use typography-expert), color theory deep-dives (use color-theory-expert), design system tokens (use design-system-creator), or code implementation without design direction.
10 -
boisenoise Skill Figma AutomationAutomate Figma tasks via Rube MCP (Composio): files, components, design tokens, comments, exports. Always search tools first for current schemas.
-
ctaxnagomi Bundle DesignUI/UX design system — skewed glass cards, neon border-trace buttons, translucent iOS aesthetic with per-category color gradients.
-
fusengine Skill Tailwindcss Utility Classes 2Complete Tailwind CSS utility classes reference - Layout, spacing, typography, colors, borders, effects
-
betterpromptme Skill Brand Logo ConceptWhat it does
-
charlieviettq Skill Brandkit 2Premium 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. Use when creating brand-kit image prompts, identity boards, logo systems, or visual-world presentations.
-
charlieviettq Skill Gpt Taste 2Elite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide editorial typography (bans 6-line wraps), gapless bento grids, strict GSAP ScrollTriggers (pinning, stacking, scrubbing), inline micro-images, and massive section spacing. Use when building motion-rich frontend pages with stricter GPT/Codex design enforcement.
-
charlieviettq Skill Minimalist UI 2Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows. Use when designing clean minimalist editorial web interfaces with restrained palette and typography.
-
charlieviettq Bundle Stitch Design Taste 2Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance. Use when creating Google Stitch DESIGN.md files or semantic design-system instructions.
-
charlieviettq Skill High End Visual Design 2Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic. Use when designing polished, high-end web interfaces with premium spacing, typography, and motion.
-
kesslernity Bundle Branded Deck Builder 3Builds 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.
-
takusaotome Bundle Data Visualization ExpertProfessional data visualization skill specialized in creating reader-friendly, accessible, and aesthetically pleasing charts and dashboards. Use this skill when you need to create visualizations, choose appropriate chart types, design color schemes, create dashboards, or apply design best practices for data communication. Expertise includes visualization principles, color theory, typography, layout design, and accessibility guidelines.
-
jorinyang Skill Brandkit品牌策略与Logo设计方法论——品牌策略推导、5种Logo概念手法、8种视觉模式、面板组合DNA。设计决策层,图片生成委派jimeng-video/ComfyUI执行。适应自 Leonxlnx/taste-skill 的 brandkit (MIT)。
-
forexgod21 Bundle Social Media Design SystemUse this skill whenever the user needs a complete visual design system for social media. Triggers when the user asks for social media templates, post design guidelines, content visual systems, or says things like "design my social media", "create a visual system for my Instagram", "make my posts look consistent", "I need templates for [platform]", or "how should my social media content look." Always activate this skill for any request involving platform-specific visual systems, content templates, story formats, carousel structures, or social media brand consistency.
-
forexgod21 Bundle Brand Visual Identity BuilderUse this skill whenever the user needs a complete visual identity system for a brand. Triggers when the user asks to build a brand identity, define brand colors, create a visual identity system, or says things like "build my brand identity", "what colors should my brand use", "I need hex codes for my brand", "create a visual identity for", or "make my brand instantly recognizable." Always activate this skill when the user needs specific, actionable visual identity deliverables including color palettes with hex codes, typography pairings, logo direction, and brand rules.
-
forexgod21 Bundle Picture Book ArchitectureGoverns the craft architecture of picture books and read-aloud children's texts: page-turn tension, the 32-page frame, the word/art division of labor, read-aloud cadence, and word-count discipline. Trigger whenever a picture book, board book, early reader, or read-aloud manuscript is written, revised, critiqued, or structured; whenever spread maps, illustration notes, or page breaks are planned; and whenever children's text is evaluated for acquisition or submission.
-
forexgod21 Bundle Complete Design System Brand GuidelinesUse this skill whenever the user needs a complete, documented design system and brand guidelines document. Triggers when the user asks for brand guidelines, a design system, a brand bible, or says things like "create brand guidelines for", "build a complete design system for my brand", "I need a brand bible", "document my brand visuals", "create a style guide for", or "make every future design decision effortless." Always activate this skill for any request involving comprehensive brand documentation, design system creation, style guides, or building a visual reference library that ensures long-term brand consistency.
-
tomjiu Bundle Solo DesignDesign website pages, UI screens, prototypes, page-level visual systems, and existing `.design` project mutations. Use for websites, landing pages, UI prototypes, redesigns, theme changes, 1:1 restoration, editable static layouts, and complex canvas projects. Route bitmap image edits to solo-image-edit, bitmap-first poster/banner/KV/cover generation to solo-graphic-generation, and reusable Design Library / Design System / token architecture creation to design-library-creator.
-
tomjiu Bundle Design Library CreatorCreate, expand, and refine professional Design Libraries / Design Systems with structured token architecture. ONLY invoke when user EXPLICITLY mentions design-system terminology: 'Design Library', 'Design System', '设计系统', '设计库', 'token system', 'design tokens', '组件库规范', or provides a parsed design-spec bundle (ZIP/Figma export). Also covers creating a new theme / color theme as a design-system deliverable (创建主题/新建暖色主题/深色主题等 — tokens + palette + component styling). Do NOT route here for: '素材库', '全套素材', '素材合集', '物料库', '生成素材', '做一套设计', '做几张图', '设计一套页面', '帮我出图', page/poster/landing-page creation, or any visual-asset generation intent where the user does not demonstrate knowledge of design-system concepts. Those belong to solo-design.
-
tomjiu Bundle Ardot PosterUse this skill for Ardot canvas design tasks whose deliverable is a visual poster — posters, flyers, billboards, banners, event posters, promotional single-page graphics, e-commerce banners, brand visuals, logos, icons & illustrations rendered on the Ardot canvas. Trigger phrases: design a poster, create a banner, make a flyer, event poster, product launch poster, e-commerce banner, 设计海报, 海报设计, 宣传单, 横幅, banner, 封面, 双十一Banner, 活动海报, 图标设计, 品牌设计, 插画, Logo 设计, VI 设计, 视觉识别系统. Pairs with ardot-design-core (injected alongside). NOT for full UI screens (ardot-ui-design), slides (ardot-slides), or PowerPoint .pptx files (pptx skill).
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 doubao-creative-design, harness-design-system, banana. 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.