owl-listener
91 verified skills114,797 total stars
wireframe-spec
Specify wireframe layouts with content priority, component placement, and annotation.
testing1,265
error-handling-ux
Design error prevention, detection, and recovery experiences.
content-media1,265
onboarding-design
Design first-run experiences that get users to value quickly without overwhelming them.
content-media1,265
design-qa-checklist
Create QA checklists for verifying design implementation accuracy.
testing1,265
design-impact-reporting
Communicate design's contribution to business and user outcomes in terms that resonate with stakeholders.
business1,265
test-scenario
Write usability test scenarios with tasks, success criteria, and observation guides.
testing1,265
user-flow-diagram
Create user flow diagrams showing paths, decisions, and branch logic.
testing1,265
aesthetic-usability
Apply the Aesthetic-Usability Effect — visually consistent, polished interfaces are perceived as more usable.
tools1,265
data-visualization
Design clear, accessible data visualizations with appropriate chart selection and styling.
data-ai1,265
law-of-common-region
Apply the Law of Common Region to group elements using containers, backgrounds, and boundaries.
data-ai1,265
design-debt-audit
Identify, categorize, and prioritize accumulated design inconsistencies and structural problems across a product.
development1,265
design-review-process
Establish design review gates with criteria, checklists, and approval workflows.
testing1,265
team-workflow
Design team workflows covering task management, collaboration rituals, and tooling.
tools1,265
design-sprint-plan
Plan and facilitate design sprints from challenge framing through prototype testing.
testing1,265
version-control-strategy
Define version control strategies for design files, components, and libraries.
content-media1,265
interview-script
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.
research1,265
survey-design
Design surveys that collect reliable, unbiased quantitative data to validate hypotheses and measure user attitudes at scale.
testing1,265
research-repository
Build and maintain a research repository that makes findings findable, reusable, and cumulative across the organization.
development1,265
summarize-interview
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.
testing1,265
accessibility-audit
Conduct a comprehensive accessibility audit against WCAG guidelines with severity ratings and remediation steps.
testing1,265
icon-system
Create an icon system specification covering grid, sizing, naming, categories, and implementation guidance.
development1,265
localization-design
Design interfaces that adapt gracefully to multiple languages, writing directions, and cultural contexts.
content-media1,265
micro-interaction-spec
Specify micro-interactions with trigger, rules, feedback, and loop/mode definitions.
testing1,265
design-negotiation
Advocate for design quality, scope, and time with cross-functional partners and leadership using evidence and shared goals.
development1,265
design-rationale
Write clear design rationale connecting decisions to user needs, business goals, and principles.
development1,265
design-token-audit
Audit design token usage across a product for consistency and coverage.
testing1,265
responsive-design
Design adaptive layouts and interactions that work across all screen sizes and input methods.
content-media1,265
empathy-map
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.
development1,265
handoff-spec
Create developer handoff specifications with measurements, behaviors, assets, and edge cases.
development1,265
design-token
Define and organize design tokens (color, spacing, typography, elevation) with naming conventions and usage guidance.
testing1,265
jobs-to-be-done
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.
testing1,265
user-persona
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.
development1,265
diary-study-plan
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.
development1,265
component-spec
Write a detailed component specification including props, states, variants, accessibility requirements, and usage guidelines.
testing1,265
documentation-template
Generate structured documentation templates for components, patterns, or guidelines within a design system.
documentation1,265
case-study
Craft portfolio-ready case studies that tell the story of a design project.
content-media1,265
doherty-threshold
Apply the Doherty Threshold — keep system response times under 400ms to maintain user flow and perceived performance.
data-ai1,265
dark-mode-design
Design effective dark mode interfaces with proper color adaptation, contrast, and elevation.
content-media1,265
naming-convention
Establish a naming convention system for design elements, components, and tokens with clear rules and examples.
content-media1,265
fitts-law
Apply Fitts's Law to size and position interactive targets for fast, accurate interaction.
tools1,265
hicks-law
Apply Hick's Law to reduce decision time by limiting the number of simultaneous choices presented to users.
testing1,265
feedback-patterns
Design system feedback for user actions including confirmations, status updates, and notifications.
content-media1,265
form-design
Design forms that minimize friction, prevent errors, and guide users to successful completion.
documentation1,265
gesture-patterns
Design gesture-based interactions for touch and pointer devices.
development1,265
animation-principles
Apply animation principles to UI motion for purposeful, polished interactions.
testing1,265
illustration-style
Define an illustration style guide with visual language, color usage, and application rules.
documentation1,265
presentation-deck
Structure compelling design presentations for stakeholders, reviews, and showcases.
content-media1,265
state-machine
Model complex UI behavior as finite state machines with states, events, and transitions.
data-ai1,265
design-system-adoption
Create adoption strategies and materials to drive design system usage across teams.
content-media1,265
heuristic-evaluation
Conduct expert heuristic evaluations using Nielsen's heuristics and domain-specific criteria.
testing1,265
layout-grid
Define responsive layout grid systems with columns, gutters, margins, and breakpoint behavior.
tools1,265
readable-measure
Set optimal line lengths for readability across typography scales and responsive layouts.
tools1,265
spacing-system
Create a consistent spacing system based on a base unit with contextual application rules.
testing1,265
loading-states
Design loading, skeleton, and progressive content reveal patterns.
content-media1,265
typography-scale
Create a modular typography scale with size, weight, and line-height relationships.
tools1,265
stakeholder-alignment
Create stakeholder alignment artifacts including responsibility matrices, decision frameworks, and communication plans.
development1,265
design-brief
Write a comprehensive design brief that defines the problem space, constraints, audience, and success criteria.
documentation1,265
prototype-strategy
Choose the right prototyping fidelity and method for the design question.
content-media1,265
north-star-vision
Articulate a compelling north-star product vision that aligns teams and inspires strategic design decisions.
testing1,265
design-principles
Define a set of actionable design principles that guide decision-making and resolve trade-offs.
testing1,265
metrics-definition
Define UX metrics and KPIs that connect design decisions to measurable business and user outcomes.
testing1,265
information-architecture
Design the structure, hierarchy, and navigation model for a product's content and features.
development1,265
content-strategy
Define what content a product needs, how it should be structured, and who owns it.
content-media1,265
von-restorff-effect
Apply the Von Restorff Effect to make the most important element distinctly different from its surroundings.
tools1,265
opportunity-framework
Identify, evaluate, and prioritize design opportunities using impact-effort frameworks and strategic criteria.
development1,265
critique-visual-hierarchy
Critique a screen's visual hierarchy — entry point, eye flow, weight distribution, and emphasis.
tools1,265
law-of-proximity
Apply the Law of Proximity to group related elements through spatial relationships.
tools1,265
service-blueprint
Map the end-to-end service delivery system including frontstage actions, backstage processes, and supporting infrastructure.
devops1,265
competitive-analysis
Conduct a structured competitive analysis comparing UX patterns, features, strengths, and gaps across rival products.
research1,265
critique-composition
Critique a screen's composition — balance, whitespace, rhythm, and gestalt principles.
testing1,265
card-sort-analysis
Analyze card sorting results to inform information architecture and navigation structure. Use after conducting open or closed card sort studies.
development1,265
search-ux
Design search experiences that help users find what they need, recover from failure, and refine results.
data-ai1,265
millers-law
Apply Miller's Law — chunk information into groups of ~4 to work within working memory limits.
development1,265
journey-map
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.
data-ai1,265
design-system-governance
Define how a design system evolves — contribution models, versioning, change management, and deprecation.
development1,265
affinity-diagram
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.
data-ai1,265
pattern-library
Structure a pattern library entry with problem context, solution pattern, usage examples, and related patterns.
development1,265
ux-writing
Write effective UI copy including microcopy, error messages, empty states, and CTAs.
documentation1,265
a-b-test-design
Design rigorous A/B tests with hypotheses, variants, metrics, and sample size calculations.
development1,265
experience-map
Create a holistic experience map showing the full ecosystem of user touchpoints, channels, and relationships.
tools1,265
click-test-plan
Design click/first-click tests to evaluate navigation and information findability.
tools1,265
usability-test-plan
Design a usability test plan with tasks, success metrics, participant criteria, and facilitation guide. Use when planning moderated or unmoderated usability testing sessions.
testing1,265
visual-hierarchy
Establish clear visual hierarchy through size, weight, color, spacing, and positioning.
testing1,265
motion-system
Define a motion system with duration tokens, easing vocabulary, and reduced-motion handling for consistent animation across a product.
tools1,265
navigation-patterns
Select and design navigation patterns that match product structure, user tasks, and platform conventions.
content-media1,265
theming-system
Design a theming architecture that supports brand variants, dark mode, and high-contrast modes with token mapping.
content-media1,265
accessibility-test-plan
Create accessibility testing plans covering assistive technologies and WCAG criteria.
testing1,265
color-system
Build a comprehensive color system with palette generation, semantic mapping, and accessibility compliance.
development1,265
critique-brand-consistency
Critique a screen's brand consistency against mood.md, voice.md, and tokens.md.
data-ai1,265
critique-typography
Critique a screen's typography — scale usage, readability, consistency, and token compliance.
tools1,265
design-critique
Facilitate structured design critiques with clear feedback frameworks and actionable outcomes.
development947