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.
Design & Media
983 skills
antigravity ui-a11y
Audits components and pages for WCAG 2.2 AA accessibility issues and applies practical fixes for touch targets, focus states, contrast, labels, and reduced motion.
42.4k
antigravity ui-page
Scaffold a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell components.
42.4k
antigravity ux-copy
Generates concise product copy for buttons, empty states, errors, toasts, confirmations, and form guidance using a casual but polite tone.
42.4k
antigravity ux-flow
Design user flows and screen structures using UX patterns like progressive disclosure, hub-and-spoke navigation, and information pyramids.
42.4k
antigravity ui-setup
Walks through a step-by-step wizard to configure brand colors, typography, and scaffold the first screen for a new app using the StyleSeed design system.
42.4k
antigravity ux-audit
Audit screens against Nielsen's heuristics and mobile UX best practices using the StyleSeed Toss design language as the implementation context.
42.4k
antigravity design-it
Routes frontend design tasks to 48 specific UI styles, providing color palettes and implementation guidance for websites, app screens, or UI components.
42.4k
antigravity design-md
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files.
42.4k
antigravity gpt-taste
Generate award-level landing pages with cinematic GSAP motion, gapless bento grids, and strict AIDA structure.
42.4k
antigravity ui-review
Audits UI code for compliance with the StyleSeed design system, covering design tokens, component conventions, accessibility, mobile UX, and typography.
42.4k
antigravity ui-skills
Provides opinionated, evolving constraints and patterns to guide AI agents when building user interfaces.
42.4k
antigravity ui-tokens
Manage design tokens by listing, adding, and updating them while keeping JSON sources, CSS variables, and dark-mode values in sync.
42.4k
antigravity hig-inputs
Provides Apple Human Interface Guidelines for designing input methods across Apple platforms, including gestures, Apple Pencil, keyboards, game controllers, pointers, Digital Crown, eye tracking, spatial interactions, focus systems, remotes, motion sensors, and nearby interactions.
42.4k · bundle
antigravity rayden-use
Build and maintain Rayden UI components and screens in Figma via Figma MCP with full design token enforcement.
42.4k
antigravity ui-score
Score a UI file's design quality 0-100 against StyleSeed's design language with per-category breakdown, worst offenders, and prioritized fix list.
42.4k
antigravity design-ux
Run a heuristic evaluation of interactive UIs against Nielsen's 10 usability heuristics and interaction add-ons, scoring the rendered artifact and producing a prioritized fix list.
42.4k
openai figma
Fetch design context, screenshots, variables, and assets from Figma, and translate Figma nodes into production code using the Figma MCP server.
23.3k · bundle
openai imagegen
Generate or edit raster images such as photos, illustrations, textures, sprites, mockups, or transparent-background cutouts for use in projects.
23.3k · bundle
openai figma-use
Execute JavaScript in Figma files via the Plugin API to create, edit, and inspect design nodes, variables, and components.
23.3k · bundle
openai hatch-pet
Create, repair, validate, and package Codex-compatible animated pets and spritesheets from character art, brand cues, or reference images.
23.3k · bundle
openai figma-create-new-file
Creates a new blank Figma or FigJam file in the user's drafts folder, resolving the plan key automatically.
23.3k · bundle
openai figma-generate-design
Translates application pages, views, or multi-section layouts into Figma screens by reusing design system components, variables, and styles.
23.3k · bundle
openai figma-generate-library
Build or update a professional-grade design system in Figma from a codebase, creating variables, tokens, component libraries, theming, and documentation.
23.3k · bundle
openai figma-implement-design
Translates Figma designs into production-ready application code with pixel-perfect accuracy, using the Figma MCP server to fetch design context, screenshots, and assets.
23.3k · bundle
openai figma-code-connect-components
Connects Figma design components to their code implementations using Figma's Code Connect feature, analyzing design structure and scanning codebases for matching components.
23.3k · bundle
openai figma-create-design-system-rules
Generates custom design system rules for AI coding agents by analyzing a project's codebase and conventions, then saving them to the appropriate rule file (CLAUDE.md, AGENTS.md, or .cursor/rules).
23.3k · bundle
android styles
Migrate Android Jetpack Compose UI components to use the experimental Styles API for centralized theming and state-based styling.
6.1k · bundle
android display-glasses-with-jetpack-compose-glimmer
Build augmented reality interfaces for display glasses using Jetpack Compose Glimmer, covering design principles, theming, input mapping, and projected activity setup.
6.1k · bundle
dotnet maui-safe-area
Provides guidance on using the new .NET 10 cross-platform safe area API for edge-to-edge layouts, keyboard avoidance, and migration from legacy iOS-only APIs.
4k · bundle
expo building-native-ui
Build beautiful native UIs for Expo apps with guidance on routing, styling, animations, and platform-specific components.
2.2k · bundle
google-labs-code remotion
Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays.
6.4k · bundle
google-labs-code shadcn-ui
Integrate and customize shadcn/ui components with full ownership, including discovery, installation, theming, and best practices.
6.4k · bundle
google-labs-code stitch-code-to-design
Convert frontend code (Vite, React, etc.) into a Stitch Design by extracting static HTML, analyzing the design system, and uploading to Stitch.
6.4k
google-labs-code stitch-react-components
Converts Stitch designs into modular Vite and React components, or syncs existing components to match updated designs.
6.4k · bundle
google-labs-code stitch-generate-design
Generate new design screens from text prompts or images, edit existing screens, and create design variants using Stitch MCP.
6.4k · bundle
google-labs-code stitch-upload-to-stitch
Upload local assets (images, mockups, extracted HTML, design markdown) to a Stitch project, bypassing MCP tool base64 token limits.
6.4k · bundle
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 imagegen, hig-inputs, figma-implement-design. Rankings shift as installs change; sort this page by "Most downloaded" 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 add <owner>/<name>, or copy the file into your agent's skills directory.