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.
-
ellaliu0401 Skill Update Ds DependencyUpdate design system dependencies. Covers two workflows - (A) modify a dependency INSIDE the local DS package (aetheron-design-system/packages/ui), and (B) upgrade @aetheronhq/ui to a published version in the consumer app (apps/web). Use when the user wants to update/add/remove a package in the design system, OR bump @aetheronhq/ui to a new version like "ui-v3.24.0".
-
ericbmen Skill Consumidor Consumidor Arrependimento Em Compra Online E ForaGera notificação extrajudicial de arrependimento e/ou petição inicial para ação de obrigação de fazer c/c restituição e danos, com base no art. 49 do CDC (direito de arrependimento em 7 dias nas compras realizadas fora do estabelecimento comercial — internet, telefone, catálogo,
-
pizzzhama-alt Bundle Ru TextUse when writing, editing, or reviewing Russian-language text, or when user mentions ru-text. Covers typography, info-style, editorial, UX writing, business correspondence. Auto-activates on Russian text output.
-
nikoxkx Skill Tailwind Design SystemCreates a Tailwind CSS design system with custom tokens, component classes, and dark mode. Use when establishing a consistent design language for a project.
-
aishwaryaashok14 Bundle Peanut IllustrationsTurn a short prompt into one clean, hand-drawn concept illustration starring a deadpan peanut. Use when the user gives an idea, judgment, process, feeling, or metaphor as a short prompt and wants a single "peanut" illustration, concept sketch, explainer image, article figure, or visual for it. Default style is a deadpan in-shell peanut, black hand-drawn line art on white, one warm-orange accent, lots of whitespace, one idea per image, and the exact bottom-right watermark "© peanut-illustrations-by-aish" added after generation — composed first, then generated.
-
yuanji888 Bundle Obsidian Markdown FormatterOptimize Obsidian Markdown note formatting and typography. Use this skill when the user asks to format, optimize, clean up, or beautify any .md note in their Obsidian vault. Trigger phrases include: "格式化", "排版优化", "整理笔记", "美化格式", "优化格式", "format this note", "clean up markdown", "fix formatting". Also use when the user provides a markdown file with obvious formatting issues like missing code language tags, garbled OCR text, inconsistent heading levels, plain text that should be lists, misaligned tables, or poor spacing.
-
wakeeys Bundle PosterUse this skill whenever an academic / research / conference poster is involved — creating, designing, or laying out a poster for a paper, a lab, a thesis defense, or a symposium. Trigger whenever the user mentions "poster," "会议海报," "学术海报," a poster session, A0/A1 poster, a 36x48 poster, or wants to turn a paper (PDF) into a single large printable panel. A poster is NOT a slide deck: it is ONE giant canvas read at standing distance, organized into multi-column sections (Abstract / Method / Results / Conclusion). If the goal is a multi-slide .pptx presentation instead, use the pptx skill. If a single large poster panel needs to be designed or produced, use THIS skill.
-
azsxshitao Skill Nn UI Figma RestorationUse when implementing Vue UI from Figma URLs, logged-in browser access, Chrome screenshot comparison, current-module style matching, annotated motion/effects, layered image assets, fonts, or pixel-perfect parity requests involving NN component library and @nn/ui.
-
kevinke93 Bundle Design FlowUse when a spec needs customer-facing UX, visual direction, screen acceptance, design references, formal assets, Figma handoff, or design gates before build.
-
zuoguyoupan2023 Skill Extract DesignExtract a complete design system — colors, typography, spacing, components, shadows, and W3C design tokens — from any live website using Dembrandt. Runs a headless browser against the URL and returns real computed values from the DOM. Use when you need a site's actual design tokens, want to reverse-engineer a visual design, or need to seed a design system from an existing product.
-
zuoguyoupan2023 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.
-
zuoguyoupan2023 Skill Flux Best PracticesComprehensive guide for BFL FLUX image generation models. Covers prompting, T2I, I2I, structured JSON, hex colors, typography, multi-reference editing, and model-specific best practices for FLUX.2 and FLUX.1 families.
-
zuoguyoupan2023 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.
-
zuoguyoupan2023 Skill Paper PosterGenerate a conference poster (venue-driven tcbposter LaTeX) from a compiled paper. Use when user says "做海报", "制作海报", "conference poster", "make poster", "生成poster", "poster session", or wants to create a poster for a conference presentation.
-
zuoguyoupan2023 Skill Paper Poster 2Generate a conference poster (venue-driven tcbposter LaTeX) from a compiled paper. Use when user says "做海报", "制作海报", "conference poster", "make poster", "生成poster", "poster session", or wants to create a poster for a conference presentation.
-
bodymobarez Bundle UI MasterMaster hub for UI, frontend & design. Use for any UI, frontend, styling, design-system, brand identity (logo/colors/typography/brand book), Tailwind CSS v4 (full stack in tailwind-master), Figma-grade design systems, elite world-class UI/UX redesigns (Apple/Stripe/Linear/Notion/Raycast tier), ultra-HD/8K rendering, award-winning effects, advanced forms, charts & dashboards, responsive, or accessibility work. Bundles 28 specialized skills (in skills/<name>/GUIDE.md). Use this for any ui task.
-
bodymobarez Bundle Tailwind MasterMaster hub for Tailwind CSS v4.3+ — the complete production stack. Use for setup (Vite/Next/PostCSS), CSS-first @theme tokens, design tokens (3-tier/DTCG), CVA + cn() + tailwind-merge, shadcn/ui, Radix headless, RTL/Arabic, dark mode & multi-theme, UAE AEGov Design System, Next.js 15 RSC, plugins (forms/typography), large-scale architecture & bundle perf, CSS/CSS Modules migration, and v3→v4 upgrades. No Tailwind v5 — v4 is current. Bundles 13 specialized skills (in skills/<name>/GUIDE.md). Use for any Tailwind task.
-
jshearin01 Bundle Task As CodeGenerate a reusable, platform-agnostic Python SDK for any task domain using the Task as Code (TaC) pattern — the generalized form of Perplexity's Search as Code architecture. Use this skill whenever someone wants to make a complex multi-step task reusable and programmable: building an SDK for a domain (design systems, data analysis, document processing, code review, market research, competitive intelligence), creating a workflow that benefits from parallelism and composable primitives, or packaging agentic task logic so any LLM can orchestrate it via generated code. Trigger on: build me an SDK for X, make X programmatic, create a reusable workflow for X, turn X into code, generate a design system SDK, I want to automate X with an LLM, package this as a reusable skill, or any request to structure a complex domain task as composable Python building blocks.
-
jshearin01 Bundle Saas UX Designer 2026Expert Clean SaaS UI/UX Designer for 2026. Use this skill whenever the user asks to design, build, review, critique, or improve any SaaS interface, dashboard, landing page, onboarding flow, component, design system, or any web UI. Triggers on requests like "design a dashboard", "make this UI better", "create a settings page", "build an onboarding flow", "review my design", "make this look more professional", "design a SaaS app", "create UI components", "generate design tokens", "audit my design for issues", or any time the user shares a screenshot or description of a UI they want improved. Also triggers for design system questions, aesthetic direction, typography choices, color palette creation, or component pattern questions. This skill produces distinctive, aesthetically strong, human-centered designs that avoid AI slop patterns — works across all frontend frameworks and libraries.
-
stevefeldman Skill Software EstimationProduce data-driven software delivery estimates by analyzing historical JIRA tickets, git activity, and engineer track records, then matching the new work against the most similar past tickets. Use this skill whenever the user asks "how long will this take", wants to estimate a piece of work, scope an epic, plan a sprint, or estimate delivery for JIRA stories or a Figma design. Also use whenever the user wants developer-to-work assignment recommendations based on history, wants to optimize an estimate by adding or reallocating engineers, or asks "what's the fastest way to ship this" or "who should work on this". Especially trigger when the user provides JIRA ticket IDs, JIRA story links, or Figma designs together with any indication of a team that will execute the work.
-
zxzin Bundle ZinxtickBeginner-friendly generic sticker and meme-pack production workflow for AI agents. Use when turning a user-provided character, animal, mascot, product, food, drink, can, object, logo-like subject, or original visual concept into a cohesive platform-ready static or animated sticker/expression pack, including built-in style preset selection, theme preset selection or custom prompt handling, item planning, image-generation prompting, contact sheets, transparent cutouts, platform export assets, and visual QA.
-
zeroix07 Bundle Qingyan ResearchDeep web research and HTML report generation. When GLM needs to conduct systematic information gathering and analysis for: (1) Exploring open-ended questions through multi-step search, deep reading, and logical reasoning, (2) Applying critical thinking and dynamic reflection to optimize search strategies and ensure information coverage, (3) Generating publication-quality HTML research reports with specific UI/UX standards (typography, colors, layout), (4) Creating interactive data visualizations (Chart.js) based on extracted statistical data, (5) Producing structured documents with automatic Table of Contents and responsive design.
-
kaualealz Bundle Engineering Dev GuidelinesGuia de engenharia web Java-centric segmentado em ficheiros na mesma pasta. **parceria.md** (§1 colaboração, qualidade de código, Windows). **arquitetura.md** (§2–7 stack, MVP, MVC/DDD, HTTP). **front-tecnico.md** (§8–9 design system, SPA, API client, estado). **backend-java.md** (§10 Spring, erros, JPA, perfis). **dados-seguranca.md** (§11–14 BD, filas, auth, segurança). **ops.md** (§15–18 observabilidade, CI, ADR, monorepo gateway/worker). **ui-visual.md** (tokens obrigatórios, grid 8 pt, dark mode, microinterações, shadcn/Tailwind, identidade, anti-UI genérica de IA, a11y). O agente deve **abrir os ficheiros que a tarefa exige**, não só este SKILL. Use ao implementar ou rever backend, front, UI, dados ou operações.
-
shupianmaka Bundle Game Interaction Usability EvalEvaluate game UI interaction usability from screenshots, prototypes, Figma pages, recordings, flowcharts, or written descriptions. Use when the user asks in Chinese or English to analyze, inspect, diagnose, review, or evaluate a game interface or interaction flow, especially triggers such as "分析界面", "检查界面", "评估 UI", "界面诊断", "分析交互", "UX Review", or "易用性评估". Produces player-centered observations, severity and confidence labels, concrete improvement suggestions, implementation difficulty, and optional brief or full UX review reports.
-
martin-hausleitner Bundle Telegram Channel PosterUse when the user asks to publish, post, announce, syndicate, or automatically send content to a Telegram channel using a native Telegram bot rather than Beeper chat lookup.
-
moii-dev Bundle Universal Premium UI StyleApply a polished premium dark minimal UI aesthetic when creating, editing, redesigning, or improving user interfaces across web apps, mobile apps, desktop apps, dashboards, admin panels, AI chat interfaces, settings screens, forms, menus, modals, widgets, landing pages, and prototypes. Use for UI work unless the user explicitly requests a different style or the existing product design system must be preserved.
-
yrzhe Bundle Design DistillerScrape any website's design system into a structured Design MD + decomposed design tokens. Supports Browser Use Cloud, Playwright, Chrome headless, source code analysis. Maintains a Reference Pool of full Design MDs and a Digest Pool of cross-site design tokens for mix-and-match composition.
-
franklin625-xn Bundle Franklin Resume PDFConvert Franklin's finalized English resume draft or resume_content.json into a stable one-page A4 PDF using a fixed black-and-white resume layout with contact-row SVG icons, text-only section headings, section rules, compact typography, and overflow checks. Use when Codex needs to faithfully structure finalized resume content, validate resume_content.json, or export output/resume.html and output/resume.pdf without tailoring, rewriting, polishing, shortening, inventing, or deleting resume content.
-
chasexu168340-rgb Bundle UI DesignWorld-class UI design expertise combining the precision of Jony Ive's Apple work, the systems thinking of Figma's design philosophy, and the accessibility obsession of Inclusive Design principles. UI design is the craft of making interfaces that users don't notice - because they just work. Great UI isn't about making things pretty. It's about making the right thing obvious and the wrong thing impossible. Every pixel, every animation, every spacing decision either helps the user or hurts them. The best UI designers are invisible - users accomplish their goals without ever thinking about the interface. Use when "ui design, visual design, interface design, component, design system, figma, sketch, color, typography, spacing, layout, animation, motion, responsive, mobile design, button, form design, card, modal, navigation, icon, ui, design, visual, interface, components, design-system, figma, accessibility" mentioned.
-
chasexu168340-rgb Bundle TypographyThe art and science of arranging type to make written language legible, readable, and visually appealing. Typography is the invisible art - when done well, readers absorb content without noticing the craft. When done poorly, they struggle without knowing why. Great typography creates visual hierarchy, establishes rhythm, conveys emotion, and guides the eye through content. It combines centuries of print wisdom with modern digital constraints - understanding that a typeface designed for books may fail on screens, that line length affects comprehension, and that the space between letters matters as much as the letters themselves. This skill covers type selection, pairing, scaling, spacing, responsive typography, variable fonts, font loading optimization, and accessibility. Master typographers know that choosing a font is the easy part - the craft is in the details of how it's set. Use when "typography, font, typeface, type scale, line height, leading, kerning, tracking, font pairing, font loading, variable font
-
chasexu168340-rgb Bundle Color TheoryWorld-class color theory expertise combining the scientific precision of Josef Albers' "Interaction of Color," the systematic thinking of color systems from Pantone and RAL, and the perceptual psychology insights from researchers like Bevil Conway. Color is not just aesthetics - it's communication, emotion, and usability compressed into wavelengths. Great color work is invisible when done right. Users don't notice "nice colors" - they notice when they can't read text, when buttons don't look clickable, when errors don't feel urgent, or when the interface feels "off" without knowing why. Color theory is the science of making the right thing feel obvious. Use when "color theory, color palette, color scheme, color harmony, complementary colors, analogous colors, contrast ratio, dark mode colors, light mode, color tokens, semantic colors, color accessibility, color blindness, color psychology, color system, brand colors, data visualization colors, color, design, accessibility, contrast, dark-mode, theming, tokens
-
chasexu168340-rgb Bundle Design SystemsWorld-class design systems architecture - tokens, components, documentation, and governance. Design systems create the shared language between design and engineering that makes products feel cohesive at any scale. Use when "design system, component library, design tokens, atomic design, style guide, theme, theming, design scale, component api, variant, figma tokens, style dictionary, design-system, tokens, components, theming, documentation, figma, accessibility, versioning" mentioned.
-
chasexu168340-rgb Bundle Art ConsistencyWorld-class character and art style consistency for AI-generated images and videos - ensures visual coherence across series, maintains character identity, and provides rigorous QA before deliveryUse when "character consistency, art style, same character, consistent character, visual continuity, series, turnaround sheet, character sheet, reference image, character bible, style guide, anime character, consistent look, face consistency, outfit consistency, lora training, ip-adapter, flux kontext, visual qa, art quality, generation review, style drift, character drift, character-consistency, art-style, visual-qa, ai-art, image-generation, video-generation, anime, illustration, lora, ip-adapter, flux, midjourney, stable-diffusion" mentioned.
-
joaoalvess Bundle Tvos Liquid GlassImplement, refactor, or review modern tvOS SwiftUI UI using the Liquid Glass design system. Use when adopting Liquid Glass on Apple TV, replacing custom blur or opaque chrome, reviewing focus-driven glass behavior, or building custom glass surfaces with `glassEffect`, `GlassEffectContainer`, and `glassEffectID`.
-
ecnu-icalk Skill Skill 1205根据用户的描述,使用字符(ASCII Art)绘制指定的物体、Logo或动物。
559 -
luokai0 Bundle Canvas Design 2Create 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.
10
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 update-ds-dependency, consumidor_consumidor/arrependimento_em_compra_online_e_fora_do_estabelecimento, ru-text. 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.