@owl-listener

documentation-template provides structured scaffolding for design system artifact documentation across components, patterns, and foundations, with prescribed fields and formatting conventions but minimal operational guidance.

presentation-deck provides templated structures for four common design presentation types, with a six-element universal scaffold (hook, context, journey, solution, evidence, ask) to guide narrative arc and stakeholder alignment.

design-sprint-plan covers the five-day google design sprint methodology with daily breakdowns from challenge definition through prototype testing, including variations for compressed and remote contexts.

user-persona guides synthesis of research data into archetypical user personas with behavioral patterns, goals, and frustrations for product and ux design teams.

typography-scale defines a modular type system with predefined size, weight, and line-height values. lacks procedural guidance on ratio selection, implementation, or adaptation across contexts.

design-token describes naming patterns and token hierarchies for design systems, but lacks procedural steps for implementation, edge case handling, or concrete trigger scenarios.

color-system provides a descriptive framework for organizing palettes and accessibility rules, but lacks actionable procedures, specific trigger scenarios, and failure recovery guidance needed to execute systematically.

Create a consistent spacing system based on a base unit with contextual application rules.

Summarize a user interview transcript into structured insights with key themes, quotes, and action items. Use after conducting user interviews to extract and…

Create a structured user interview script with warm-up, core exploration, and wrap-up sections. Use when preparing for user research interviews to ensure…

Craft portfolio-ready case studies that tell the story of a design project.

Create accessibility testing plans covering assistive technologies and WCAG criteria.

Design a usability test plan with tasks, success metrics, participant criteria, and facilitation guide. Use when planning moderated or unmoderated usability…

Design a diary study plan with prompts, duration, participant criteria, and analysis framework. Use when you need to understand user behavior over time in…

Map user Jobs-to-Be-Done with functional, emotional, and social dimensions plus outcome expectations. Use when reframing product decisions around user…

Write usability test scenarios with tasks, success criteria, and observation guides.

Create stakeholder alignment artifacts including responsibility matrices, decision frameworks, and communication plans.

Define UX metrics and KPIs that connect design decisions to measurable business and user outcomes.

Design rigorous A/B tests with hypotheses, variants, metrics, and sample size calculations.

Define version control strategies for design files, components, and libraries.

team-workflow — an installable skill for AI agents, published by owl-listener/designer-skills.

Design a theming architecture that supports brand variants, dark mode, and high-contrast modes with token mapping.

Create a holistic experience map showing the full ecosystem of user touchpoints, channels, and relationships.

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…

Structure a pattern library entry with problem context, solution pattern, usage examples, and related patterns.

Identify, evaluate, and prioritize design opportunities using impact-effort frameworks and strategic criteria.

Analyze card sorting results to inform information architecture and navigation structure. Use after conducting open or closed card sort studies.

Create adoption strategies and materials to drive design system usage across teams.

gesture-patterns — an installable skill for AI agents, published by owl-listener/designer-skills.

Organize qualitative research data into an affinity diagram with themes, clusters, and insight statements. Use when synthesizing large amounts of qualitative…

Conduct a structured competitive analysis comparing UX patterns, features, strengths, and gaps across rival products.

feedback-patterns — an installable skill for AI agents, published by owl-listener/designer-skills.

Establish design review gates with criteria, checklists, and approval workflows.

Write clear design rationale connecting decisions to user needs, business goals, and principles.

Establish a naming convention system for design elements, components, and tokens with clear rules and examples.

Design click/first-click tests to evaluate navigation and information findability.

Conduct a comprehensive accessibility audit against WCAG guidelines with severity ratings and remediation steps.

Articulate a compelling north-star product vision that aligns teams and inspires strategic design decisions.

Create developer handoff specifications with measurements, behaviors, assets, and edge cases.

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…

Write a detailed component specification including props, states, variants, accessibility requirements, and usage guidelines.

Design error prevention, detection, and recovery experiences.

Define a set of actionable design principles that guide decision-making and resolve trade-offs.

Conduct expert heuristic evaluations using Nielsen's heuristics and domain-specific criteria.

Specify micro-interactions with trigger, rules, feedback, and loop/mode definitions.

Write a comprehensive design brief that defines the problem space, constraints, audience, and success criteria.

Facilitate structured design critiques with clear feedback frameworks and actionable outcomes.

Audit design token usage across a product for consistency and coverage.

Model complex UI behavior as finite state machines with states, events, and transitions.

Create an icon system specification covering grid, sizing, naming, categories, and implementation guidance.

Define responsive layout grid systems with columns, gutters, margins, and breakpoint behavior.

Design loading, skeleton, and progressive content reveal patterns.

Design adaptive layouts and interactions that work across all screen sizes and input methods.

Specify wireframe layouts with content priority, component placement, and annotation.

Create QA checklists for verifying design implementation accuracy.

Choose the right prototyping fidelity and method for the design question.

Apply animation principles to UI motion for purposeful, polished interactions.

Establish clear visual hierarchy through size, weight, color, spacing, and positioning.

Write effective UI copy including microcopy, error messages, empty states, and CTAs.

Design effective dark mode interfaces with proper color adaptation, contrast, and elevation.

Create user flow diagrams showing paths, decisions, and branch logic.

Define an illustration style guide with visual language, color usage, and application rules.

Design clear, accessible data visualizations with appropriate chart selection and styling.