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.
-
gabrielmoreira Skill Latex Posters 2Creates academic-poster writing packages for LaTeX using beamerposter, tikzposter, or baposter. Use when a user needs poster-ready section copy, figure plans, captions, and package-specific layout decisions for conference or thesis posters.
17 -
gabrielmoreira Skill Glassmorphism 2Glassmorphism design system skill. Use when building frosted-glass UI components with blur, transparency, and layered depth effects.
17 -
gabrielmoreira Bundle Latex Posters 3Create 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.
17 -
gabrielmoreira Skill Experience Cms Brand ApplyExtracts, retrieves, and applies CMS brand guidelines (voice, tone, style, colors, typography) to generated content. Use this skill ANY TIME a user request involves branding, brand voice, brand tone, brand guidelines, brand identity, brand styling, or applying a brand to content. Triggers for requests like "apply my brand", "use our brand voice", "match our brand guidelines", "find my brand", "search for brand", "get brand instructions", "apply brand tone". Handles the full workflow: searching for brands in Salesforce CMS, extracting brand instructions, and applying brand voice/tone/guidelines to generated content. Does not apply to media/image search (use experience-search-coordinate skill), logo search, or creating new brand definitions.
17 -
gabrielmoreira Skill Design 6Use when the user wants the visual/experiential design of a product done systematically — a design system, a screen, a landing page, or a visual identity — grounded in researched real-world prior art and free of AI slop. Establishes/extends the design system, invokes the matching local taste skill, dispatches the designer specialist, and reviews for taste + accessibility. Standalone — ends with a handoff gate into the chain. Trigger with /hyperflow:design, "design the UI", "make a design system", "design this screen", "give this a visual identity", "redesign this".
17 -
gabrielmoreira Skill Paper Poster HTML 2DEFAULT poster pipeline — build an academic conference poster (ICML/NeurIPS/ICLR/CVPR/...) as a single HTML/CSS file with measurement-driven hard gates, real paper figures, a two-hue design-token system, and print-ready PDF via headless Chromium. Use when the user says "做海报", "poster", "conference poster", "paper poster", or asks to design/redo a research poster.
17 -
gabrielmoreira Skill UI UX Pro Max 2Comprehensive design guide for web and mobile applications. Use when designing new UI components or pages, choosing color palettes and typography, or reviewing code for UX issues.
17 -
demerzels-lab Bundle Kai Tw Figma 2Interact with the Figma REST API to read files, export layers/components as images, and retrieve comments.
10 -
demerzels-lab Bundle Color Palette 2Extract a color palette from an image and return HEX/RGB values with optional swatch image.
10 -
demerzels-lab Bundle Mo Test 2 2Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having.
10 -
demerzels-lab Bundle Catalog 2Catálogo simples do estúdio (hello world)
10 -
demerzels-lab Bundle Aioz UI V3 2Build UI components and pages using AIOZ UI V3 design system.
10 -
demerzels-lab Bundle Aioz UI Skills 2Build UI components and pages using AIOZ UI V3 design system.
10 -
demerzels-lab Bundle Instagram Poster 2Post images to Instagram automatically via Telegram.
10 -
demerzels-lab Bundle Opentweet X Poster 2Post to X (Twitter) using the OpenTweet API.
10 -
demerzels-lab Bundle Hacker News Poster 2Post, comment, and interact on Hacker News.
10 -
vamseeachanta Skill Calculation Report 2Generate professional engineering calculation reports from YAML — renders LaTeX formulas, interactive charts, and pass/fail outputs as HTML using the warm-parchment design system
-
vamseeachanta Skill Frontend Design Typography 2Sub-skill of frontend-design: Typography (+3).
-
vamseeachanta Skill Static Site Brand Identity Migration Tdd 2Execute approved static-site brand identity/logo migrations with TDD across canonical content sources, generated deploy output, legacy checked-in HTML, existing stale tests, and build/docs contracts.
-
vamseeachanta Skill Brand Guidelines Logo Misuse 2Sub-skill of brand-guidelines: Logo Misuse.
-
vamseeachanta Skill Brand Guidelines Primary Logo 2Sub-skill of brand-guidelines: Primary Logo (+4).
-
ferroxlabs Skill Create Design System 2Comprehensive workflow for building a design system from initial audit through design tokens, component library creation, documentation, and organizational adoption. Covers the full lifecycle from visual inconsistency to a shared design language that scales across teams and products. Use when the user wants to create design system or needs a structured multi-step process for this goal. Do NOT use when the request is a single-step task or requires professional advice beyond educational guidance.
37 -
ferroxlabs Skill Visual Designer 2Becomes a senior visual designer who creates design systems, defines design tokens, builds component specifications, establishes visual hierarchy principles, and ensures accessibility compliance. Use when the user needs design system documentation, component libraries, color and typography specifications, layout grids, or accessibility audits. Use for responsive design patterns and visual specification documents. Do NOT use when the user needs UX research, frontend code implementation, or brand strategy.
37 -
ferroxlabs Skill UI Designer 2Comprehensive UI design guidance covering design principles (hierarchy, whitespace, consistency), Figma workflow, design systems and component libraries, responsive design, accessibility, developer handoff, and building a portfolio with compelling case studies. Use when the user asks about ui designer or needs help with related topics. Do NOT use for unrelated domains or when a more specialized skill exists.
37 -
ferroxlabs Skill Chart Formatting 2Produces a complete chart formatting specification including axis labels, tick mark spacing, gridline density, legend placement, annotation placement, data label formatting, and title hierarchy. Eliminates chart junk while preserving the data signal. Use when the user has a chart that needs professional formatting or wants a formatting template for consistent chart styling. Do NOT use for selecting the chart type (use chart-type-selector), choosing a color palette (use color-in-data), or designing a full dashboard (use dashboard-design).
37 -
ferroxlabs Skill Childrens Book Creator 2Complete guide to creating children's books across all age categories, from board books through young adult, covering age-appropriate writing, illustration briefs, page count conventions, readability levels, themes by age, and submission guidelines. Use when the user asks about childrens book creator or needs help with related topics. Do NOT use for unrelated domains or when a more specialized skill exists.
37 -
ferroxlabs Skill Typography Master 2Comprehensive typography guide covering font classification and pairing, typographic hierarchy, readability and legibility principles, responsive typography, variable fonts, type in branding, web typography implementation, and developing a professional eye for type. Use when the user asks about typography master or needs help with related topics. Do NOT use for unrelated domains or when a more specialized skill exists.
37 -
ferroxlabs Skill Motion Graphics 2Comprehensive motion graphics guidance covering title design, lower thirds, animated explainers, kinetic typography, logo animation, After Effects and Apple Motion workflows, design principles for motion, storyboarding for motion, and building a motion design practice. Use when the user asks about motion graphics or needs help with related topics. Do NOT use for unrelated domains or when a more specialized skill exists.
37 -
ferroxlabs Skill Color In Data 2Applies color to data visualizations by selecting sequential, diverging, or categorical palettes based on data type. Specifies hex codes for each element, ensures colorblind accessibility with WCAG contrast ratios, and documents usage rules. Use when the user needs to choose colors for charts, dashboards, or data-driven graphics. Do NOT use for brand color palette design (use color-palette-design in the design category), chart type selection (use chart-type-selector), or chart formatting beyond color (use chart-formatting).
37 -
ferroxlabs Skill Character Architect 2Deep character design system covering character bibles, arc construction using want versus need, voice differentiation, backstory engineering, relationship mapping, ensemble cast management, and character-driven plotting. Use when the user asks about character architect or needs help with related topics. Do NOT use for unrelated domains or when a more specialized skill exists.
37 -
ferroxlabs Skill Wardrobe Planner 2Capsule wardrobe builder covering capsule wardrobe methodology, core pieces identification, color palette selection, mix-and-match optimization, seasonal capsule rotation, shopping list generation, wardrobe audit process, cost-per-wear analysis, and minimalist dressing strategies. Use when the user asks about wardrobe planner, or needs help with capsule wardrobe builder covering capsule wardrobe methodology, core pieces identification, color palette selection, mix-and-match optimization, seasonal capsule rotation, shopping list generation, wardrobe audit process, cost-per-wear analysis, and minimalist dressing strategies. Do NOT use when the request requires professional specialized advice or falls outside the scope of wardrobe planner.
37 -
ferroxlabs Skill Watercolor Basics 2Teaches beginner watercolor painting techniques: wet-on-wet and wet-on-dry application methods, flat, graded, and variegated washes, value studies using a single color, color mixing fundamentals, and common mistake prevention. Includes a materials checklist and a technique sequence building from basic washes to a first complete painting. Use when the user wants to start watercolor painting, asks about wash techniques, watercolor materials, or color mixing with watercolors. Do NOT use for drawing fundamentals (use drawing-fundamentals-beginner), oil or acrylic painting techniques, or professional illustration.
37 -
ferroxlabs Skill Component Library 2Component library design expertise covering design system tokens, component API design, compound components, polymorphic components, accessibility by default, Storybook documentation, testing, versioning, and tree-shaking. Use when the user asks about component library, component library best practices, or needs guidance on component library implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.
37 -
ferroxlabs Skill Tailwind Designer 2Tailwind CSS design system expertise covering custom theme configuration, component extraction, responsive design patterns, dark mode, animation utilities, plugin development, integration with component libraries, and JIT optimization. Use when the user asks about tailwind designer, tailwind designer best practices, or needs guidance on tailwind designer implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.
37 -
ferroxlabs Skill Digital Illustrator 2Complete digital illustration guidance covering tools (Procreate, Photoshop, Illustrator, Clip Studio Paint), digital painting techniques, vector illustration workflows, brush customization, layers and blending modes, portfolio development, commission pricing, and building a professional illustration practice. Use when the user asks about digital illustrator or needs help with related topics. Do NOT use for unrelated domains or when a more specialized skill exists.
37 -
ferroxlabs Skill Infographic Creator 2Complete infographic design guidance covering data storytelling, visual hierarchy, chart and graph selection, layout principles, icon design and usage, color for data visualization, tools (Canva, Figma, Illustrator), distribution strategies, and the process of transforming complex information into clear, compelling visual narratives. Use when the user asks about infographic creator or needs help with related topics. Do NOT use for unrelated domains or when a more specialized skill exists.
37
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 latex-posters, glassmorphism, latex-posters. 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.