owl-listener/designer-skills

5501

presentation-deck Structure a design presentation for a specific audience and decision. Use when presenting internally. For a portfolio…

owl-listener/designer-skills

2.4K

6482

typography-scale Create a modular type scale with size, weight, and line-height relationships. Use when establishing typographic struc…

owl-listener/designer-skills

1.9K

6641

visual-hierarchy Establish hierarchy through size, weight, colour, spacing, and position so the eye lands in the intended order. Use w…

owl-listener/designer-skills

1.8K

6682

illustration-style Define an illustration style guide — visual language, colour usage, and application rules. Use when commissioning or …

owl-listener/designer-skills

1.8K

6879

color-system Build a product colour system — tonal scales, semantic roles, and contrast compliance. Use when defining or rebuildin…

owl-listener/designer-skills

1.7K

6906

dark-mode-design Adapt an existing palette to dark mode — surface elevation, contrast rebalancing, and desaturation rules. Use when yo…

owl-listener/designer-skills

1.7K

6932

data-visualization Select chart types and design data encodings — marks, axes, labels, and accessible chart styling. Use when presenting…

owl-listener/designer-skills

1.7K

6969

user-flow-diagram Diagram screen-level paths, decision points, and branch logic. Use when specifying how a feature is traversed. For th…

owl-listener/designer-skills

1.7K

7089

icon-system Specify an icon system — grid, sizing, stroke weight, naming, categories, and implementation. Use when standardising …

owl-listener/designer-skills

1.7K

7091

layout-grid Define a responsive grid — columns, gutters, margins, and breakpoint behaviour. Use when establishing page structure.…

owl-listener/designer-skills

1.7K

7182

heuristic-evaluation Run an expert review against Nielsen's heuristics and domain criteria, with severity ratings. Use when you need findi…

owl-listener/designer-skills

1.6K

7214

spacing-system Create a spacing scale from a base unit with rules for when each step applies. Use when standardising padding and mar…

owl-listener/designer-skills

1.6K

7240

responsive-design Design layouts and interactions that adapt across screen sizes and input methods. Use when one design must serve many…

owl-listener/designer-skills

1.6K

7256

wireframe-spec Specify wireframe layout — content priority, component placement, and annotation. Use when defining structure before …

owl-listener/designer-skills

1.6K

7268

micro-interaction-spec Specify one micro-interaction completely — trigger, rules, feedback, loops, and modes. Use when handing a single inte…

owl-listener/designer-skills

1.6K

7275

state-machine Model component behaviour as explicit states, events, and transitions. Use when a component has many interacting stat…

owl-listener/designer-skills

1.6K

7346

animation-principles Apply animation principles — easing, staging, follow-through — to one specific UI motion. Use when tuning how an anim…

owl-listener/designer-skills

1.6K

7311

design-critique Facilitate a structured team critique — framing, feedback rules, and actionable outcomes. Use when running a session …

owl-listener/designer-skills

1.6K

7383

design-qa-checklist Build a QA checklist for verifying that a build matches the design. Use at implementation review. For the spec engine…

owl-listener/designer-skills

1.6K

7389

loading-states Design waiting experiences — spinners, skeletons, optimistic updates, and progressive reveal. Use when content takes …

owl-listener/designer-skills

1.6K

7473

design-principles Define actionable principles that resolve trade-offs when the team disagrees. Use when the same decisions keep gettin…

owl-listener/designer-skills

1.5K

7487

case-study Craft a portfolio case study with narrative arc, process evidence, and outcomes. Use when telling a project's story t…

owl-listener/designer-skills

1.5K

7494

design-token Define and organise tokens for colour, spacing, type, and elevation with naming and usage rules. Use when establishin…

owl-listener/designer-skills

1.5K

7493

usability-test-plan Design a usability study — research questions, methodology, participant criteria, metrics, and facilitation guide. Us…

owl-listener/designer-skills

1.5K

7509

prototype-strategy Choose prototype fidelity and method to match the design question and the decision at stake. Use before building a pr…

owl-listener/designer-skills

1.5K

7524

error-handling-ux Design error prevention, detection, and recovery across a product — message content, placement, and escape routes. Us…

owl-listener/designer-skills

1.5K

7541

ux-writing Write interface copy — microcopy, error messages, empty states, and CTAs. Use when the words are the deliverable. For…

owl-listener/designer-skills

1.5K

7557

component-spec Specify one component — props, states, variants, accessibility, and usage rules. Use when defining a library componen…

owl-listener/designer-skills

1.5K

7564

accessibility-audit Audit an existing interface against WCAG, producing findings with severity ratings and remediation steps. Use when yo…

owl-listener/designer-skills

1.5K

7591

theming-system Design theming architecture — brand variants, dark mode, and high-contrast — mapped through token layers. Use when on…

owl-listener/designer-skills

1.5K

7598

design-token-audit Audit token usage across a product for coverage, drift, and hard-coded values. Use when tokens exist and you suspect …

owl-listener/designer-skills

1.5K

7609

experience-map Map the full ecosystem of touchpoints, channels, and relationships across a service. Use when the experience spans mo…

owl-listener/designer-skills

1.5K

7610

journey-map Map one persona's end-to-end experience with stages, touchpoints, emotions, and pain points. Use when improving an ex…

owl-listener/designer-skills

1.5K

7619

competitive-analysis Compare UX patterns, features, strengths, and gaps across rival products. Use when you need to know what others actua…

owl-listener/designer-skills

1.5K

7631

design-brief Write a project brief — problem space, constraints, audience, and success criteria. Use at kickoff for one specific p…

owl-listener/designer-skills

1.5K

7632

user-persona Build research-grounded personas with goals, frustrations, and behavioural patterns. Use when decisions need a consis…

owl-listener/designer-skills

1.5K

7675

a-b-test-design Design an A/B experiment — hypothesis, variants, primary metric, and sample size. Use when a change can be measured q…

owl-listener/designer-skills

1.5K

7671

accessibility-test-plan Plan accessibility testing — assistive technologies, participant criteria, WCAG coverage, and session protocol. Use w…

owl-listener/designer-skills

1.5K

7682

affinity-diagram Cluster many qualitative data points into themes and insight statements. Use when synthesising across multiple sessio…

owl-listener/designer-skills

1.5K

7681

card-sort-analysis Analyse open or closed card sort results into a proposed grouping and label set. Use after running a sort study. For …

owl-listener/designer-skills

1.5K

7761

click-test-plan Design first-click and click tests for findability and navigation. Use when testing whether people can locate somethi…

owl-listener/designer-skills

1.5K

7680

design-rationale Write rationale connecting decisions to user needs, business goals, and principles. Use when a decision needs defendi…

owl-listener/designer-skills

1.5K

7702

design-review-process Establish review gates — criteria, checkpoints, and approval flow. Use when work ships without consistent review. For…

owl-listener/designer-skills

1.5K

7739

design-sprint-plan Plan and facilitate a design sprint from challenge framing through prototype testing. Use when compressing discovery …

owl-listener/designer-skills

1.5K

7742

design-system-adoption Create adoption strategy and enablement materials to drive design system usage. Use when the system exists but teams …

owl-listener/designer-skills

1.5K

7683

diary-study-plan Design a diary study — prompts, cadence, duration, participant criteria, and analysis frame. Use when behaviour unfol…

owl-listener/designer-skills

1.5K

7657

documentation-template Generate a reusable documentation scaffold for components, patterns, or guidelines. Use when standardising how the sy…

owl-listener/designer-skills

1.5K

7643

empathy-map Build a Says, Thinks, Does, Feels map for one user or segment. Use when sharing user understanding quickly. For a com…

owl-listener/designer-skills

1.5K

7664

feedback-patterns Design confirmations, status updates, and notifications that tell users an action registered. Use when the system mus…

owl-listener/designer-skills

1.5K

7641

gesture-patterns Design gesture interactions for touch and pointer — swipe, drag, long-press, and their discoverability. Use when inpu…

owl-listener/designer-skills

1.5K