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.
-
tools-only Bundle Gen PDF 2Converts a Markdown file to a styled PDF with DevExpert branding (logo in bottom-right corner). Use when asked to generate a PDF from a Markdown document, or when any DevExpert proposal/document needs to be exported as PDF.
7 -
tools-only Bundle Graphic Designer 2Designs graphics for thumbnails, social media, banners, and presentations. Applies design principles (CRAP, Gestalt, visual hierarchy) with research-backed techniques. Integrates with /geometric-elements for decorative assets. Use when creating layouts, choosing typography/colors, or designing any graphic assets. For photography/cinematography prompts, use /art-director instead.
7 -
tools-only Bundle 2612 Poster Design Principles D09d15ecResearch Poster Design Principles
7 -
tools-only Bundle 2628 Poster Content Guide 6592f544Research Poster Content Guide
7 -
tools-only Bundle 2611 Latex Poster Packages 564e45c3LaTeX Poster Packages: Comprehensive Comparison
7 -
tools-only Bundle 2613 Poster Layout Design 0f4e15b2Poster Layout and Design Guide
7 -
tools-only Bundle 2099 Figma Tools And Prompts 428add06Figma MCP tools and prompt patterns
7 -
thedixitjain Skill Gpt Taste 2Use when generating elite GSAP-heavy frontend pages with strict AIDA structure, wide hero typography, and gapless bento grids.
2 -
thedixitjain Bundle Stitch Design Taste 2Use when generating Google Stitch DESIGN.md systems for premium typography, color, layout, motion intent, and anti-generic UI rules.
2 -
thedixitjain Skill Industrial Brutalist UI 2Use when creating raw industrial or tactical telemetry UIs with rigid grids, stark typography, CRT effects, and high-density data.
2 -
loopyluci Skill Typography Principles WebUse when implementing web typography.
1 -
dvcrn Bundle Mck Ppt Design 2Create professional, consultant-grade PowerPoint presentations from scratch using python-pptx with McKinsey-style design. Use when user asks to create slides, pitch decks, business presentations, strategy decks, quarterly reviews, board meeting slides, or any professional PPTX. Generates clean, flat-design presentations with 36 layout patterns, consistent typography, and zero file-corruption issues.
32 -
dvcrn Bundle Canvas Design 3Create 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.
32 -
dvcrn Bundle Aioz UI V3 2Build UI components and pages using AIOZ UI V3 design system. Use this skill whenever the user wants to create, edit, or style React components using AIOZ UI tokens, Tailwind classes, color tokens, typography utilities, icons from @aioz-ui/icon-react, or chart components (LineChart, AreaChart, BarChart, DonutChart). Trigger on any task involving AIOZ UI components, design tokens like --sf-neu-block or --text-neu-bold, brand colors, typography classes (text-title-01, text-body-02), icon imports, data visualization, or translating Figma MCP output into production-ready code.
32 -
teqfocusadmin Bundle Teqfocus DesignCompany design skill for Teqfocus — applies the official Teqfocus brand (colors, typography, layout, logo rules) to any designed output file. Use this skill whenever the user wants to produce a branded visual asset: slide decks (.pptx), one-pagers (.pdf or .docx), social cards, event banners, quote cards, capability briefs, or any document that needs to look like Teqfocus made it. Also trigger when the user says "make it on-brand", "apply Teqfocus styling", "design this", "format this as a deck", or "create a branded [asset type]". This skill governs ALL visual production for Teqfocus — do not attempt any designed file without it.
-
cskwork Skill Naver Blog PosterCreate, migrate, or edit the user's Naver blog posts with their saved Korean reading format, native subheadings, centered text, and responsive paragraph flow. Use for Naver publishing and readability work, including Tistory migration.
-
cskwork 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.
-
android Bundle Styles 2Use this skill to integrate the Jetpack Compose Styles API into an Android project. This skill guides you through upgrading dependencies, setting up component themes, making custom components styleable, and migrating existing layout properties to use unified styles. Migrate custom design system components, replace hard coded parameters with Style attributes, and use Modifier.styleable for interaction states.
6.1k -
android Bundle Display Glasses With Jetpack Compose Glimmer 2Provides guidelines for developing projected Android XR apps for display glasses using the Jetpack Compose Glimmer UI toolkit. This skill covers foundational Glimmer design principles, workflows for implementing Jetpack Compose Glimmer, and interaction models for the glasses form factor. Use this skill to build an Android XR Augmented Experience app with Jetpack Compose Glimmer that adheres to the Glimmer design system for optimized glasses styling.
6.1k
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 gen-pdf, graphic-designer, 2612-poster_design_principles_d09d15ec. 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.