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.
-
yigityildiz0 Bundle Figma Design System Rules CodexGenerates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up. Turkish triggers: Figma tasarım sistemi kurallarını Codex için çıkar, Figma yönergesi oluştur.
-
jesusgarciafernandez Bundle Design Systems Arquitectura De Componentes Y Gobernanza De DUn Design System (DS) es la fuente única de verdad de un producto digital. No es solo un UI Kit o una librería de Figma; es Ingeniería de la Escalabilidad Creativa. Úsala para tareas de Generación de Contenido: design-systems, atomic-design, design-tokens, ui-kit, consistency, scalibility.
-
jesusgarciafernandez Bundle Interaction Design Ixd Diseno De Comportamiento Y Feedback SEl Diseño de Interacción (IxD) es la disciplina que define el comportamiento de los productos digitales en respuesta a las acciones del usuario. No es solo "hacer que se mueva": es Ingeniería del Diálogo Dinámico. Úsala para tareas de Generación de Contenido: interaction-design, ixd, micro-interactions, affordance, feedback-loops, cognitive-load.
-
jesusgarciafernandez Bundle Prototipado Rapido Figma Logica Condicional Y Simulaciones DEl Prototipado Rápido en Figma es la capacidad de crear simulaciones interactivas de alta fidelidad que se comportan como productos reales. No es solo "enlazar pantallas"; es Ingeniería de la Validación Temprana. Úsala para tareas de Generación de Contenido: figma, prototyping, interaction-design, smart-animate, ux-validation, variables.
-
jesusgarciafernandez Bundle Branding Identidad Visual Y Estrategia De Marca 360El Branding y Diseño de Logotipo es la creación del ADN visual de una organización. No es solo "dibujar un icono"; es Ingeniería de la Percepción. Úsala para tareas de Generación de Contenido: branding, logo-design, visual-identity, brand-strategy, brand-guidelines, visual-dna.
-
jesusgarciafernandez Bundle Ilustracion Digital Sistemas Visuales Y Narrativa GraficaLa Ilustración Digital profesional es la creación de activos visuales personalizados que actúan como vehículos de comunicación estratégica. No es solo "hacer dibujos"; es Ingeniería de la Identidad Gráfica. Úsala para tareas de Generación de Contenido: digital-illustration, vector-art, visual-storytelling, brand-identity, svg-optimization, character-design.
-
jesusgarciafernandez Bundle Tipografia Avanzada Arquitectura De La Palabra Y Jerarquia VLa Tipografía Avanzada es el dominio técnico y artístico del lenguaje escrito. No es solo "elegir fuentes"; es Ingeniería de la Legibilidad y la Identidad. Úsala para tareas de Generación de Contenido: typography, variable-fonts, visual-hierarchy, readibility, brand-voice, typographic-systems.
-
jesusgarciafernandez Bundle Dialogo Intergeneracional Y Mentoring Inverso Generation SynEl Diálogo Intergeneracional y Mentoring Inverso (v2.0) es la competencia de integrar y potenciar el talento de Baby Boomers, Gen X, Millennials y Gen Z en un mismo ecosistema. No es solo "llevarse bien"; es Ingeniería de la Sinergia Etaria. Úsala para tareas de Recursos Humanos: intergenerational-dialogue, reverse-mentoring, age-diversity, inclusive-culture, knowledge-exchange, corporate-wellbeing.
-
jesusgarciafernandez Bundle Comunicacion Visual Estrategica Para No Disenadores Agile DeLa Comunicación Visual para No Diseñadores es la capacidad de crear activos gráficos profesionales utilizando herramientas de diseño ágil (Canva, Adobe Express, Figma básico). No es solo "poner fotos y texto"; es Alfabetización Visual Aplicada. Úsala para tareas de Generación de Contenido: visual-communication, graphic-design-basics, canva-mastery, agile-design, content-creation, visual-hierarchy.
-
jesusgarciafernandez Bundle Vectorizacion De Graficos Curvas De Bezier Y Optimizacion SvLa Vectorización de Gráficos profesional es la creación de activos visuales basados en vectores (fórmulas matemáticas). No es solo "dibujar con la pluma"; es Ingeniería de la Forma Escalable. Úsala para tareas de Generación de Contenido: vector-graphics, adobe-illustrator, svg-optimization, bezier-curves, logo-digitization, technical-illustration.
-
whyzsm Bundle Poster当用户提到海报、视觉设计、品牌视觉、排版系统、极简风格、设计哲学、美学方案,或说"帮我做张海报"时,必须触发此技能。该技能先构建一套设计哲学(Algorithmic Philosophy),再基于该哲学用 show_widget 生成可渲染的 SVG 海报 artifact。即使用户没有明确提到"哲学"或"系统",只要涉及视觉设计或海报生成,都应触发。适用于品牌视觉、作品集封面、极简主义海报、AI 生成艺术、任何需要系统性美学表达的场景。
-
whyzsm Bundle App SkillT-MAX H5-demo project workflow for the React 19 + Vite + Tailwind + Zustand mobile web app. Use when working in ~/Documents/ane/code/git/T-MAX/H5-demo, including route/page changes, Figma-to-code implementation, shadcn-style UI components, Zustand stores, real login flow, cost pages, mobile layout QA, dependency/version updates, dev-server setup, lint/build validation, or keeping the scaffold generic and free of QT-APP business demo code.
-
whyzsm Bundle Brand CogAI brand identity design powered by CellCog. Brand kits, color palettes, typography, brand guidelines, logo design, visual identity, social media assets, web design, video — complete brand identity from a single brief.
-
whyzsm Bundle Design Brand Visual Team品牌视觉智能体。用于完整品牌视觉识别工作,包括品牌圣经、品牌定位、语调、视觉识别、品牌配色、WCAG 对比度、Logo、海报、社交媒体视觉物料、SVG 图形资源和完整品牌规范交付。触发于“品牌视觉、品牌识别、品牌圣经、Logo、品牌配色、海报、视觉物料、SVG 图形资源、品牌 guideline”等任务。
-
whyzsm Bundle Design Prototype Handoff Team设计原型专家团。用于从 Figma JSON、UI 截图、设计描述或组件规格出发,完成设计转代码、截图转代码、无障碍审查、设计评审、设计交付、设计系统管理、用户研究综合和 UX 文案优化。来源于 WorkBuddy design-to-code 团队能力,并转换为 Codex 可安装的专家团入口格式。
-
whyzsm Bundle Logo CreatorEngineer professional-grade brand logos using geometric primitives and negative space — generates minimalist, scalable vector-style marks via muapi.ai
-
whyzsm Bundle Design To CodeImplements UI from design mockups (Figma, Sketch, or image) with pixel-accurate layout, responsive behavior, and design tokens. Use when 还原设计图, implementing designs, 切图, 设计稿转代码, or converting mockups to frontend code.
-
jesusgarciafernandez Bundle Diseno Editorial Digital Maquetacion Avanzada Y PublicacionEl Diseño Editorial Digital es el arte de estructurar y maquetar contenidos extensos para su consumo en pantallas. No es solo "pasar un Word a PDF"; es Ingeniería de la Legibilidad Digital. Úsala para tareas de Generación de Contenido: editorial-design, indesign, ebooks, whitepapers, digital-publishing, typography-pro.
-
ndpvt-web Skill Paperbanana Automating Academic IllustrationGenerate publication-ready academic illustrations using a multi-agent pipeline inspired by PaperBanana. Orchestrates retrieval, planning, styling, rendering, and self-critique agents to produce methodology diagrams and statistical plots. Use when: 'create a figure for my paper', 'generate a methodology diagram', 'make a publication-ready illustration', 'draw an architecture diagram for this system', 'create a statistical plot for these results', 'illustrate this pipeline'.
-
awesome-genmedia Skill AI Game UIGenerate game UI elements using each::sense AI. Create HUD designs, menu screens, health bars, inventory panels, dialog boxes, loading screens, and button sets for mobile, PC, and console games. Supports fantasy, sci-fi, cartoon, minimalist, and skeuomorphic styles. Use for: game interface design, HUD mockups, menu design, UI kit creation, game UX prototyping, mobile game UI. Triggers: game ui, game hud, game menu, health bar, inventory ui, game interface, game buttons, dialog box, game screen, loading screen
-
awesome-genmedia Skill Logo DesignGenerate professional logo designs using each::sense AI. Create wordmarks, icon logos, combination marks, monograms, mascots, emblems, and abstract logos for brands, startups, and businesses. Supports flat vector style, minimalist, vintage, 3D, and hand-drawn aesthetics. Use for: brand identity, startup logos, app icons, favicons, logo concepts, rebranding. Triggers: logo design, create logo, brand logo, logo generation, ai logo, logo maker, icon design, brand mark, logo concept, startup logo, app icon logo, monogram, emblem, mascot logo
-
awesome-genmedia Skill Image To ImageTransform images based on reference and prompt using each::sense AI. Apply style transfers, convert sketches to finished art, change artistic styles, blend multiple references, and reimagine existing images in new ways. Supports photo-to-illustration, sketch-to-render, and cross-style transformations. Use for: style transfer, sketch to art, photo to illustration, image remix, art conversion, visual transformation, concept variation. Triggers: image to image, style transfer, transform image, img2img, convert image, sketch to art, photo to illustration, reimagine image, image remix, artistic conversion, visual transformation
-
awesome-genmedia Skill App Icon DesignDesign mobile app icons for App Store and Google Play Store using each::sense AI. Generate distinctive, recognizable app icons in various styles including flat, skeuomorphic, gradient, glyph, and illustrated. Supports iOS and Android guidelines with proper rounded corners and visual weight. Use for: app icons, mobile icons, app store graphics, play store icons, favicon design, app branding. Triggers: app icon, mobile app icon, ios icon, android icon, app store icon, play store icon, app icon design, mobile icon design, app logo, favicon
-
ffsshhttiikk Skill System DesignSystem design principles and patterns
Audited -
awesome-genmedia Skill Recraft V3Recraft V3 | AI Image Generation with Style Control. Generate images with multiple artistic styles including realistic, digital illustration, and pixel art. Triggers: recraft, recraft v3, styled image, digital illustration, image generation
-
awesome-genmedia Skill Cartoonify V2Cartoonify V2. Convert photos to cartoon art style using AI. Transform any image into a high-quality cartoon illustration. Triggers: cartoonify, cartoon filter, photo to cartoon, cartoon style, image to cartoon, cartoon effect, ai cartoon
-
awesome-genmedia Skill Ideogram V3 TurboIdeogram V3 | Turbo. Generate images with accurate text rendering using Ideogram V3 Turbo. Fast AI image generation with excellent typography. Triggers: ideogram, ideogram v3, text in image, typography image, ideogram turbo, generate image with text, ai text rendering
-
ultroncore Skill TamaguiUniversal UI kit for React Native and web — performant, themeable, typed
-
ultroncore 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.
-
ultroncore Skill Design TokensCreate, manage, and distribute design tokens across platforms (web, iOS, Android, React Native). Covers W3C token format, Style Dictionary, Figma token sync, and multi-theme support.
-
ultroncore Bundle 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.
-
awesome-genmedia Skill Infographic DesignCreate data visualization infographics using each::sense AI. Generate visually compelling infographic backgrounds, layouts, and visual elements for statistical data, process flows, timelines, comparisons, and educational content. Supports flat design, illustrated, corporate, and editorial styles. Use for: infographics, data visualization, process diagrams, timeline graphics, statistical illustrations, comparison charts. Triggers: infographic, data visualization, infographic design, process flow, timeline graphic, data illustration, statistical graphic, comparison infographic, visual data, info graphic, chart design
-
awesome-genmedia Skill AI IllustrationGenerate custom illustrations for textbooks, articles, and educational materials using each::sense AI. Create scientific illustrations, technical drawings, conceptual art, book illustrations, and editorial visuals in various artistic styles. Use for: textbook illustrations, article graphics, scientific illustrations, editorial art, book illustrations, educational visuals. Triggers: illustration, textbook illustration, editorial illustration, scientific illustration, book art, custom illustration, article illustration, concept illustration, technical illustration, educational art
-
awesome-genmedia Skill AI Face SwapSwap faces between photos realistically using each::sense AI. Transfer a face from one image onto another while preserving lighting, skin tone, and expression. Supports single and multi-face swaps with natural blending. Use for: entertainment, memes, movie poster parodies, cosplay previews, creative projects, social media content. Triggers: face swap, swap face, face replacement, face transfer, put my face on, face change, switch faces, face paste, face morph, swap heads
-
awesome-genmedia Skill AI CaricatureGenerate caricature and cartoon versions of face photos using each::sense AI. Transform portraits into exaggerated, humorous, or stylized cartoon illustrations in various art styles including comic, manga, Disney, bobblehead, and editorial caricature. Use for: gifts, social media avatars, event entertainment, editorial illustration, profile pictures, merchandise. Triggers: caricature, cartoon face, cartoon portrait, funny portrait, exaggerated face, comic portrait, manga face, cartoon avatar, cartoon me, bobblehead, toon face, draw me as cartoon
-
awesome-genmedia Skill Brand Asset PipelineGenerate complete brand assets in a pipeline using each::sense AI. Create a cohesive brand package including logo concept, social media profile images, cover banners, business card mockups, and branded patterns from a single brand brief. Use for: brand asset generation, complete branding, brand package, visual identity pipeline, startup branding. Triggers: brand asset pipeline, brand package, complete branding, brand assets, visual identity, brand generation, startup branding, brand pipeline, identity package, brand suite
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 figma-design-system-rules-codex, design-systems-arquitectura-de-componentes-y-gobernanza-de-disen, interaction-design-ixd-diseno-de-comportamiento-y-feedback-siste. 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.