Wardn Hub
MCP Servers
Skills
Categories
API docs
Submit server
Submit server
skills
/
Owl-Listener
/
designer-skills
Source
Owl-Listener/designer-skills
Skills
96
#
Skill
Source
Installs
1
design-review-process
S · 99
Establish design review gates with criteria, checklists, and approval workflows.
Product Management
Owl-Listener/designer-skills · 1 installs
Owl-Listener/designer-skills
1
2
micro-interaction-spec
S · 99
Specify micro-interactions with trigger, rules, feedback, and loop/mode definitions.
Architecture & Design
Owl-Listener/designer-skills · 1 installs
Owl-Listener/designer-skills
1
3
motion-system
S · 99
Define a motion system with duration tokens, easing vocabulary, and reduced-motion handling for consistent animation across a product.
Architecture & Design
Owl-Listener/designer-skills · 1 installs
Owl-Listener/designer-skills
1
4
responsive-design
S · 99
Design adaptive layouts and interactions that work across all screen sizes and input methods.
Architecture & Design
Owl-Listener/designer-skills · 1 installs
Owl-Listener/designer-skills
1
5
a-b-test-design
S · 99
Design rigorous A/B tests with hypotheses, variants, metrics, and sample size calculations.
Data Science Tools
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
6
accessibility-audit
S · 99
Conduct a comprehensive accessibility audit against WCAG guidelines with severity ratings and remediation steps.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
7
accessibility-test-plan
S · 99
Create accessibility testing plans covering assistive technologies and WCAG criteria.
Research
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
8
aesthetic-usability
S · 99
Apply the Aesthetic-Usability Effect — visually consistent, polished interfaces are perceived as more usable.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
9
affinity-diagram
S · 99
Organize qualitative research data into an affinity diagram with themes, clusters, and insight statements. Use when synthesizing large amounts of qualitative data from interviews, observations, or surveys.
Research
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
10
animation-principles
S · 99
Apply animation principles to UI motion for purposeful, polished interactions.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
11
business-design
S · 99
A practitioner's toolkit for thinking and communicating as a designer in a business context — reading financials, mapping competitive landscapes, and defending design decisions in the language of value.
Product Management
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
12
card-sort-analysis
S · 99
Analyze card sorting results to inform information architecture and navigation structure. Use after conducting open or closed card sort studies.
Research
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
13
case-study
S · 99
Craft portfolio-ready case studies that tell the story of a design project.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
14
click-test-plan
S · 99
Design click/first-click tests to evaluate navigation and information findability.
Research
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
15
color-system
S · 99
Build a comprehensive color system with palette generation, semantic mapping, and accessibility compliance.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
16
competitive-analysis
S · 99
Conduct a structured competitive analysis comparing UX patterns, features, strengths, and gaps across rival products.
Marketing
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
17
component-spec
S · 99
Write a detailed component specification including props, states, variants, accessibility requirements, and usage guidelines.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
18
content-strategy
S · 99
Define what content a product needs, how it should be structured, and who owns it.
Workplace & Productivity
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
19
critique-affordance
S · 99
Critique a screen's interactive affordances — what looks clickable, state visibility, CTA clarity, and action discoverability.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
20
critique-brand-consistency
S · 99
Critique a screen's brand consistency against mood.md, voice.md, and tokens.md.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
21
critique-color
S · 99
Critique a screen's colour usage — contrast ratios, palette coherence, semantic meaning, and colour accessibility.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
22
critique-composition
S · 99
Critique a screen's composition — balance, whitespace, rhythm, and gestalt principles.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
23
critique-information-density
S · 99
Critique a screen's information density — cognitive load, content prioritisation, scanning patterns, and progressive disclosure.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
24
critique-typography
S · 99
Critique a screen's typography — scale usage, readability, consistency, and token compliance.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
25
critique-visual-hierarchy
S · 99
Critique a screen's visual hierarchy — entry point, eye flow, weight distribution, and emphasis.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
26
dark-mode-design
S · 99
Design effective dark mode interfaces with proper color adaptation, contrast, and elevation.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
27
data-visualization
S · 99
Design clear, accessible data visualizations with appropriate chart selection and styling.
Data Visualization
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
28
design-brief
S · 99
Write a comprehensive design brief that defines the problem space, constraints, audience, and success criteria.
Product Management
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
29
design-critique
S · 99
Facilitate structured design critiques with clear feedback frameworks and actionable outcomes.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
30
design-debt-audit
S · 99
Identify, categorize, and prioritize accumulated design inconsistencies and structural problems across a product.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
31
design-impact-reporting
S · 99
Communicate design's contribution to business and user outcomes in terms that resonate with stakeholders.
Communication
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
32
design-negotiation
B · 49
Advocate for design quality, scope, and time with cross-functional partners and leadership using evidence and shared goals.
Communication
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
33
design-principles
S · 99
Define a set of actionable design principles that guide decision-making and resolve trade-offs.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
34
design-qa-checklist
S · 99
Create QA checklists for verifying design implementation accuracy.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
35
design-rationale
S · 99
Write clear design rationale connecting decisions to user needs, business goals, and principles.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
36
design-sprint-plan
S · 99
Plan and facilitate design sprints from challenge framing through prototype testing.
Product Management
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
37
design-system-adoption
S · 99
Create adoption strategies and materials to drive design system usage across teams.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
38
design-system-governance
S · 99
Define how a design system evolves — contribution models, versioning, change management, and deprecation.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
39
design-token
S · 99
Define and organize design tokens (color, spacing, typography, elevation) with naming conventions and usage guidance.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
40
design-token-audit
S · 99
Audit design token usage across a product for consistency and coverage.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
41
diary-study-plan
S · 99
Design a diary study plan with prompts, duration, participant criteria, and analysis framework. Use when you need to understand user behavior over time in natural contexts.
Research
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
42
documentation-template
S · 99
Generate structured documentation templates for components, patterns, or guidelines within a design system.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
43
doherty-threshold
S · 99
Apply the Doherty Threshold — keep system response times under 400ms to maintain user flow and perceived performance.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
44
empathy-map
S · 99
Build a 4-quadrant empathy map (Says, Thinks, Does, Feels) to synthesize user research into actionable insights. Use when you need to quickly capture and share user understanding across the team.
Research
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
45
error-handling-ux
S · 99
Design error prevention, detection, and recovery experiences.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
46
experience-map
S · 99
Create a holistic experience map showing the full ecosystem of user touchpoints, channels, and relationships.
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
47
feedback-patterns
S · 99
Design system feedback for user actions including confirmations, status updates, and notifications.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
48
fitts-law
S · 99
Apply Fitts's Law to size and position interactive targets for fast, accurate interaction.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
49
form-design
S · 99
Design forms that minimize friction, prevent errors, and guide users to successful completion.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
50
gesture-patterns
S · 99
Design gesture-based interactions for touch and pointer devices.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
51
handoff-spec
S · 99
Create developer handoff specifications with measurements, behaviors, assets, and edge cases.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
52
heuristic-evaluation
S · 99
Conduct expert heuristic evaluations using Nielsen's heuristics and domain-specific criteria.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
53
hicks-law
S · 99
Apply Hick's Law to reduce decision time by limiting the number of simultaneous choices presented to users.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
54
icon-system
S · 99
Create an icon system specification covering grid, sizing, naming, categories, and implementation guidance.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
55
illustration-style
S · 99
Define an illustration style guide with visual language, color usage, and application rules.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
56
information-architecture
S · 99
Design the structure, hierarchy, and navigation model for a product's content and features.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
57
interfaces-that-feel
S · 99
Apply an emotional resonance lens to any UI. Use when a design is technically correct but flat — to identify what's missing and prescribe specific changes at the copy, motion, and interaction layer.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
58
interview-script
S · 99
Create a structured user interview script with warm-up, core exploration, and wrap-up sections. Use when preparing for user research interviews to ensure consistent, insightful conversations.
Research
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
59
jobs-to-be-done
S · 99
Map user Jobs-to-Be-Done with functional, emotional, and social dimensions plus outcome expectations. Use when reframing product decisions around user motivations rather than features.
Research
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
60
journey-map
S · 99
Create an end-to-end user journey map with stages, touchpoints, emotions, pain points, and opportunity areas. Use when mapping the full user experience for a product, feature, or service.
Research
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
61
law-of-common-region
S · 99
Apply the Law of Common Region to group elements using containers, backgrounds, and boundaries.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
62
law-of-proximity
S · 99
Apply the Law of Proximity to group related elements through spatial relationships.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
63
layout-grid
S · 99
Define responsive layout grid systems with columns, gutters, margins, and breakpoint behavior.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
64
loading-states
S · 99
Design loading, skeleton, and progressive content reveal patterns.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
65
localization-design
S · 99
Design interfaces that adapt gracefully to multiple languages, writing directions, and cultural contexts.
Translation Services
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
66
metrics-definition
S · 99
Define UX metrics and KPIs that connect design decisions to measurable business and user outcomes.
Product Management
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
67
millers-law
S · 99
Apply Miller's Law — chunk information into groups of ~4 to work within working memory limits.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
68
naming-convention
S · 99
Establish a naming convention system for design elements, components, and tokens with clear rules and examples.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
69
navigation-patterns
S · 99
Select and design navigation patterns that match product structure, user tasks, and platform conventions.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
70
north-star-vision
S · 99
Articulate a compelling north-star product vision that aligns teams and inspires strategic design decisions.
Product Management
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
71
onboarding-design
S · 99
Design first-run experiences that get users to value quickly without overwhelming them.
Product Management
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
72
opportunity-framework
S · 99
Identify, evaluate, and prioritize design opportunities using impact-effort frameworks and strategic criteria.
Product Management
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
73
pattern-library
S · 99
Structure a pattern library entry with problem context, solution pattern, usage examples, and related patterns.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
74
presentation-deck
S · 99
Structure compelling design presentations for stakeholders, reviews, and showcases.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
75
prototype-strategy
S · 99
Choose the right prototyping fidelity and method for the design question.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
76
readable-measure
S · 99
Set optimal line lengths for readability across typography scales and responsive layouts.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
77
research-repository
S · 99
Build and maintain a research repository that makes findings findable, reusable, and cumulative across the organization.
Knowledge & Memory
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
78
search-ux
S · 99
Design search experiences that help users find what they need, recover from failure, and refine results.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
79
service-blueprint
S · 99
Map the end-to-end service delivery system including frontstage actions, backstage processes, and supporting infrastructure.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
80
spacing-system
S · 99
Create a consistent spacing system based on a base unit with contextual application rules.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
81
stakeholder-alignment
S · 99
Create stakeholder alignment artifacts including responsibility matrices, decision frameworks, and communication plans.
Product Management
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
82
state-machine
S · 99
Model complex UI behavior as finite state machines with states, events, and transitions.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
83
summarize-interview
S · 99
Summarize a user interview transcript into structured insights with key themes, quotes, and action items. Use after conducting user interviews to extract and share findings efficiently.
Research
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
84
survey-design
S · 99
Design surveys that collect reliable, unbiased quantitative data to validate hypotheses and measure user attitudes at scale.
Research
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
85
team-workflow
S · 99
Design team workflows covering task management, collaboration rituals, and tooling.
Workplace & Productivity
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
86
test-scenario
S · 99
Generates structured usability test scenarios with realistic tasks, success criteria, and facilitation notes — ready to run with real participants or in a moderated session.
Product Management
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
87
theming-system
S · 99
Design a theming architecture that supports brand variants, dark mode, and high-contrast modes with token mapping.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
88
typography-scale
S · 99
Create a modular typography scale with size, weight, and line-height relationships.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
89
usability-test-plan
S · 99
Design a usability test plan with tasks, success metrics, participant criteria, and facilitation guide. Use when planning moderated or unmoderated usability testing sessions.
Research
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
90
user-flow-diagram
S · 99
Create user flow diagrams showing paths, decisions, and branch logic.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
91
user-persona
S · 99
Create refined user personas from research data with demographics, goals, frustrations, and behavioral patterns. Use when synthesizing user research into actionable persona profiles for design decisions.
Research
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
92
ux-writing
S · 99
Write effective UI copy including microcopy, error messages, empty states, and CTAs.
Other Tools and Integrations
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
93
version-control-strategy
S · 99
Define version control strategies for design files, components, and libraries.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
94
visual-hierarchy
S · 99
Establish clear visual hierarchy through size, weight, color, spacing, and positioning.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
95
von-restorff-effect
S · 99
Apply the Von Restorff Effect to make the most important element distinctly different from its surroundings.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
96
wireframe-spec
S · 99
Specify wireframe layouts with content priority, component placement, and annotation.
Architecture & Design
Owl-Listener/designer-skills · 0 installs
Owl-Listener/designer-skills
0
