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
owl-listener design-critique
Facilitate structured design critiques with clear feedback frameworks and actionable outcomes.
1.7k
owl-listener dark-mode-design
Design comfortable, accessible dark mode interfaces with proper color adaptation, contrast, and surface hierarchy.
1.7k
owl-listener law-of-proximity
Apply the Law of Proximity to group related elements through spatial relationships in UI layouts.
1.7k
owl-listener readable-measure
Set optimal line lengths for readability across typography scales and responsive layouts.
1.7k
owl-listener typography-scale
Creates modular typography scales with size, weight, and line-height relationships for consistent digital interfaces.
1.7k
owl-listener experience-map
Create a holistic experience map showing the full ecosystem of user touchpoints, channels, and relationships across the customer journey.
1.7k
owl-listener journey-map
Creates a comprehensive end-to-end user journey map with stages, touchpoints, emotions, pain points, and opportunity areas for product design and UX analysis.
1.7k
owl-listener design-token
Define and organize design tokens for color, spacing, typography, elevation, and motion with naming conventions and usage guidance.
1.7k
owl-listener ux-writing
Write clear, helpful UI copy including microcopy, error messages, empty states, and CTAs that guide users and reinforce product voice.
1.7k
owl-listener responsive-design
Design adaptive layouts and interactions that work across all screen sizes and input methods.
1.7k
owl-listener business-design
Translate design decisions into business value by reading financials, mapping competitive landscapes, and defending design work in ROI terms.
1.7k
owl-listener design-debt-audit
Identify, categorize, and prioritize accumulated design inconsistencies and structural problems across a product.
1.7k
owl-listener motion-system
Define a motion system with duration tokens, easing vocabulary, and reduced-motion handling for consistent animation across a product.
1.7k
owl-listener fitts-law
Apply Fitts's Law to size and position interactive targets for fast, accurate interaction.
1.7k
owl-listener hicks-law
Reduce decision time and cognitive burden by limiting the number and complexity of simultaneous choices in user interfaces.
1.7k
owl-listener search-ux
Design search experiences that help users find what they need, recover from failure, and refine results.
1.7k
owl-listener illustration-style
Define an illustration style guide with visual language, color usage, and application rules.
1.7k
owl-listener design-sprint-plan
Plan and facilitate design sprints from challenge framing through prototype testing, using a structured 5-day process with variations for mini, remote, and discovery sprints.
1.7k
owl-listener theming-system
Design a theming architecture that supports brand variants, dark mode, and high-contrast modes with token mapping.
1.7k
owl-listener aesthetic-usability
Apply the Aesthetic-Usability Effect to ensure visual consistency and polish translate into user trust and perceived quality without masking genuine usability problems.
1.7k
owl-listener von-restorff-effect
Apply the Von Restorff Effect to make the most important element visually distinct from its surroundings, improving attention and recall.
1.7k
owl-listener design-principles
Define a set of actionable design principles that guide decision-making and resolve trade-offs.
1.7k
owl-listener design-qa-checklist
Create systematic QA checklists to verify that design implementations match specifications across visual accuracy, layout, interaction, content, accessibility, and cross-platform categories.
1.7k
owl-listener pattern-library
Structure a pattern library entry with problem context, solution pattern, usage examples, and related patterns.
1.7k
owl-listener form-design
Design forms that minimize friction, prevent errors, and guide users to successful completion.
1.7k
owl-listener law-of-common-region
Group interface elements using containers, backgrounds, and boundaries based on the Gestalt Law of Common Region.
1.7k
owl-listener metrics-definition
Define UX metrics and KPIs that connect design decisions to measurable business and user outcomes.
1.7k
owl-listener critique-color
Audits colour decisions on a screen for contrast ratios, palette coherence, semantic meaning, and accessibility, flagging deviations and recommending specific corrections.
1.7k
owl-listener naming-convention
Establish clear naming conventions for design assets, components, and tokens to make design systems predictable and maintainable.
1.7k
owl-listener design-rationale
Write clear design rationale that connects decisions to user needs, business goals, and principles.
1.7k
owl-listener loading-states
Design loading, skeleton, and progressive content reveal patterns that maintain user confidence and perceived performance.
1.7k
owl-listener design-impact-reporting
Build evidence and narratives that connect design decisions to measurable user, product, and business outcomes.
1.7k
owl-listener card-sort-analysis
Analyze card sorting results to inform information architecture and navigation structure. Use after conducting open or closed card sort studies.
1.7k
owl-listener accessibility-audit
Conduct comprehensive accessibility audits against WCAG 2.2 guidelines, identifying barriers with severity ratings and providing remediation steps.
1.7k
owl-listener presentation-deck
Structure compelling design presentations for stakeholders, reviews, and showcases.
1.7k
owl-listener wireframe-spec
Specify wireframe layouts with content priority, component placement, and annotations for behavior, responsiveness, and accessibility.
1.7k
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 dark-mode-design, law-of-proximity, readable-measure. 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.