@skills · Owner
Agent skills by owl-listener
130 skills indexed from github.com/owl-listener. Reference any of them in AdaL, Claude Code, Cursor or any coding agent — nothing to install.
- a-b-test-design · Skill · 1,982 stars
Design an A/B experiment — hypothesis, variants, primary metric, and sample size. Use when a change can be measured quantitatively at scale. For observing
- accessibility-audit · Skill · 1,982 stars
Audit an existing interface against WCAG, producing findings with severity ratings and remediation steps. Use when you have a design or build to assess now
- accessibility-test-plan · Skill · 1,982 stars
Plan accessibility testing — assistive technologies, participant criteria, WCAG coverage, and session protocol. Use when scheduling testing with real AT us
- aesthetic-usability · Skill · 1,982 stars
Apply the Aesthetic-Usability Effect — polished, consistent interfaces are perceived as more usable and forgive minor friction. Use when justifying visual
- affinity-diagram · Skill · 1,982 stars
Cluster many qualitative data points into themes and insight statements. Use when synthesising across multiple sessions or sources. For a single transcript
- animation-principles · Skill · 1,982 stars
Apply animation principles — easing, staging, follow-through — to one specific UI motion. Use when tuning how an animation feels. For product-wide duration
- business-design · Skill · 1,982 stars
Read financials, map competitive landscapes, and argue design decisions in the language of value. Use when defending design to commercial stakeholders. For
- card-sort-analysis · Skill · 1,982 stars
Analyse open or closed card sort results into a proposed grouping and label set. Use after running a sort study. For turning that evidence into a full stru
- case-study · Skill · 1,982 stars
Craft a portfolio case study with narrative arc, process evidence, and outcomes. Use when telling a project's story to an external audience. For an interna
- click-test-plan · Skill · 1,982 stars
Design first-click and click tests for findability and navigation. Use when testing whether people can locate something. For full task-based observation, u
- color-system · Skill · 1,982 stars
Build a product colour system — tonal scales, semantic roles, and contrast compliance. Use when defining or rebuilding colour from scratch. For dark-mode a
- competitive-analysis · Skill · 1,982 stars
Compare UX patterns, features, strengths, and gaps across rival products. Use when you need to know what others actually do. For deliberately adopting thei
- component-spec · Skill · 1,982 stars
Specify one component — props, states, variants, accessibility, and usage rules. Use when defining a library component. For the reusable doc scaffold use `
- content-strategy · Skill · 1,982 stars
Define what content a product needs, how it is structured, and who owns it. Use when content itself is the problem. For the words in the interface use `ux-
- critique-affordance · Skill · 1,982 stars
Critique a rendered screen's affordances — what looks clickable, state visibility, CTA clarity, and action discoverability. Use when reviewing an existing
- critique-brand-consistency · Skill · 1,982 stars
Critique a rendered screen against mood.md, voice.md, and tokens.md. Use when those brand files exist and you are checking compliance. For defining the vis
- critique-color · Skill · 1,982 stars
Critique a rendered screen's colour — contrast ratios, palette coherence, and semantic meaning. Use when reviewing one screen. For a product-wide WCAG audi
- critique-composition · Skill · 1,982 stars
Critique a rendered screen's composition — balance, whitespace, rhythm, and gestalt grouping. Use when a layout feels off but hierarchy is fine. For emphas
- critique-information-density · Skill · 1,982 stars
Critique a rendered screen's density — cognitive load, content prioritisation, scanning patterns, and progressive disclosure. Use when a screen feels overw
- critique-typography · Skill · 1,982 stars
Critique a rendered screen's typography — scale usage, readability, consistency, and token compliance. Use when reviewing type on a screen. For defining th
- critique-visual-hierarchy · Skill · 1,982 stars
Critique a rendered screen's hierarchy — entry point, eye flow, weight distribution, and emphasis. Use when attention lands in the wrong place. For establi
- dark-mode-design · Skill · 1,982 stars
Adapt an existing palette to dark mode — surface elevation, contrast rebalancing, and desaturation rules. Use when you already have a light palette to tran
- data-visualization · Skill · 1,982 stars
Select chart types and design data encodings — marks, axes, labels, and accessible chart styling. Use when presenting data graphically. Owns chart selectio
- design-brief · Skill · 1,982 stars
Write a project brief — problem space, constraints, audience, and success criteria. Use at kickoff for one specific project. For long-horizon aspiration us
- design-critique · Skill · 1,982 stars
Facilitate a structured team critique — framing, feedback rules, and actionable outcomes. Use when running a session with people in the room. For a solo ex
- design-debt-audit · Skill · 1,982 stars
Inventory and prioritise accumulated design inconsistencies across a product. Use when drift has built up over time. For token coverage specifically use `d
- design-impact-reporting · Skill · 1,982 stars
Communicate design's contribution to business and user outcomes in stakeholder language. Use when reporting results upward. For choosing the metrics in the
- design-negotiation · Skill · 1,982 stars
Advocate for design quality, scope, and timeline with partners and leadership using evidence and shared goals. Use in the conversation itself. For the comm
- design-ops · Collection · 1,982 stars
- design-principles · Skill · 1,982 stars
Define actionable principles that resolve trade-offs when the team disagrees. Use when the same decisions keep getting relitigated. For a single project's
- design-qa-checklist · Skill · 1,982 stars
Build a QA checklist for verifying that a build matches the design. Use at implementation review. For the spec engineers build from, use `handoff-spec`.
- design-rationale · Skill · 1,982 stars
Write rationale connecting decisions to user needs, business goals, and principles. Use when a decision needs defending in writing. For a live conversation
- design-research · Collection · 1,982 stars
- design-review-process · Skill · 1,982 stars
Establish review gates — criteria, checkpoints, and approval flow. Use when work ships without consistent review. For running one individual session, use `
- design-sprint-plan · Skill · 1,982 stars
Plan and facilitate a design sprint from challenge framing through prototype testing. Use when compressing discovery into days. For ongoing team cadence, u
- design-system-adoption · Skill · 1,982 stars
Create adoption strategy and enablement materials to drive design system usage. Use when the system exists but teams ignore it. For contribution and versio
- design-system-governance · Skill · 1,982 stars
Define how the system evolves — contribution model, versioning, deprecation, and change management. Use when multiple teams contribute. For driving uptake
- design-systems · Collection · 1,982 stars
- design-token · Skill · 1,982 stars
Define and organise tokens for colour, spacing, type, and elevation with naming and usage rules. Use when establishing the token layer. For auditing existi
- design-token-audit · Skill · 1,982 stars
Audit token usage across a product for coverage, drift, and hard-coded values. Use when tokens exist and you suspect they are being bypassed. For defining
- designer-skills · Collection · 1,982 stars
- designer-toolkit · Collection · 1,982 stars
- diary-study-plan · Skill · 1,982 stars
Design a diary study — prompts, cadence, duration, participant criteria, and analysis frame. Use when behaviour unfolds over days or weeks. For a single-se
- documentation-template · Skill · 1,982 stars
Generate a reusable documentation scaffold for components, patterns, or guidelines. Use when standardising how the system is documented. For the content of
- doherty-threshold · Skill · 1,982 stars
Apply the Doherty Threshold — keep system response under 400ms to preserve user flow. Use when diagnosing perceived slowness or setting a performance budge
- empathy-map · Skill · 1,982 stars
Build a Says, Thinks, Does, Feels map for one user or segment. Use when sharing user understanding quickly. For a composite archetype with goals and behavi
- error-handling-ux · Skill · 1,982 stars
Design error prevention, detection, and recovery across a product — message content, placement, and escape routes. Use when errors span multiple flows. For
- experience-map · Skill · 1,982 stars
Map the full ecosystem of touchpoints, channels, and relationships across a service. Use when the experience spans more than one product. For one persona's
- feedback-patterns · Skill · 1,982 stars
Design confirmations, status updates, and notifications that tell users an action registered. Use when the system must acknowledge success or change. For w
- fitts-law · Skill · 1,982 stars
Apply Fitts's Law — target acquisition time depends on size and distance. Use when sizing and positioning controls, especially for touch. For how many cont
- form-design · Skill · 1,982 stars
Design a form end to end — field order, grouping, validation, and completion. Use when the artifact is a form. For product-wide error strategy use `error-h
- gesture-patterns · Skill · 1,982 stars
Design gesture interactions for touch and pointer — swipe, drag, long-press, and their discoverability. Use when input is gestural. For OS-standard gesture
- handoff-spec · Skill · 1,982 stars
Write the implementation handoff — measurements, behaviours, assets, states, and edge cases. Use when engineering picks up the work. For verifying the resu
- heuristic-evaluation · Skill · 1,982 stars
Run an expert review against Nielsen's heuristics and domain criteria, with severity ratings. Use when you need findings without recruiting participants. F
- hicks-law · Skill · 1,982 stars
Apply Hick's Law — decision time grows with the number of simultaneous choices. Use when a screen offers too many options at once. For how many items survi
- icon-system · Skill · 1,982 stars
Specify an icon system — grid, sizing, stroke weight, naming, categories, and implementation. Use when standardising iconography. For broader illustration,
- illustration-style · Skill · 1,982 stars
Define an illustration style guide — visual language, colour usage, and application rules. Use when commissioning or standardising illustration. For icons,
- information-architecture · Skill · 1,982 stars
Design content structure, hierarchy, labelling, and the navigation model. Use when organising what exists. For the UI that exposes it use `navigation-patte
- interaction-design · Collection · 1,982 stars
- interfaces-that-feel · Skill · 1,982 stars
Apply an emotional resonance lens to a UI that is technically correct but flat, prescribing changes at the copy, motion, and interaction layer. Use when a
- interview-script · Skill · 1,982 stars
Write a structured interview guide — warm-up, core exploration, and wrap-up. Use before running interviews. For analysing what comes back, use `summarize-i
- jobs-to-be-done · Skill · 1,982 stars
Map functional, emotional, and social jobs with outcome expectations. Use when reframing decisions around motivation rather than features. For who the user
- journey-map · Skill · 1,982 stars
Map one persona's end-to-end experience with stages, touchpoints, emotions, and pain points. Use when improving an existing experience. For the multi-chann
- law-of-common-region · Skill · 1,982 stars
Apply the Law of Common Region — a shared container, background, or border groups elements regardless of spacing. Use when grouping must survive a tight la
- law-of-proximity · Skill · 1,982 stars
Apply the Law of Proximity — spatial closeness groups elements more strongly than any other cue. Use when spacing alone must carry grouping. For grouping v
- layout-grid · Skill · 1,982 stars
Define a responsive grid — columns, gutters, margins, and breakpoint behaviour. Use when establishing page structure. For the spacing scale inside componen
- loading-states · Skill · 1,982 stars
Design waiting experiences — spinners, skeletons, optimistic updates, and progressive reveal. Use when content takes time to arrive. For the latency budget
- localization-design · Skill · 1,982 stars
Design for multiple languages, writing directions, and cultural contexts — text expansion, RTL mirroring, and locale formats. Use when shipping beyond one
- metrics-definition · Skill · 1,982 stars
Define UX metrics and KPIs that connect design decisions to measurable outcomes. Use when choosing what to measure. For presenting the results afterwards,
- micro-interaction-spec · Skill · 1,982 stars
Specify one micro-interaction completely — trigger, rules, feedback, loops, and modes. Use when handing a single interaction to engineering. For motion cra
- millers-law · Skill · 1,982 stars
Apply Miller's Law — chunk information into groups of about four to fit working memory. Use when grouping fields, menu items, or steps. For reducing the nu
- motion-system · Skill · 1,982 stars
Define motion tokens — durations, easing vocabulary, and reduced-motion handling — for consistency product-wide. Use when standardising motion across a sys
- naming-convention · Skill · 1,982 stars
Establish naming rules for components, tokens, and layers with patterns and worked examples. Use when names are inconsistent or being set. For what the tok
- navigation-patterns · Skill · 1,982 stars
Select and design a navigation pattern — tabs, drawer, hierarchy, or hub — matched to product structure and user tasks. Use when choosing how users move be
- north-star-vision · Skill · 1,982 stars
Articulate a long-horizon product vision that aligns teams and anchors strategy. Use when direction is contested or absent. For near-term project scope, us
- onboarding-design · Skill · 1,982 stars
Design the first-run experience — activation path, progressive disclosure, and time to first value. Use for a user's very first session. For the mechanics
- opportunity-framework · Skill · 1,982 stars
Identify, score, and prioritise design opportunities against impact and effort. Use when there are more ideas than capacity. For framing the one you choose
- pattern-library · Skill · 1,982 stars
Structure a pattern entry — problem context, solution, usage examples, and related patterns. Use when documenting a recurring solution rather than a compon
- presentation-deck · Skill · 1,982 stars
Structure a design presentation for a specific audience and decision. Use when presenting internally. For a portfolio narrative use `case-study`; for the w
- prototype-strategy · Skill · 1,982 stars
Choose prototype fidelity and method to match the design question and the decision at stake. Use before building a prototype. For what to test once it exis
- prototyping-testing · Collection · 1,982 stars
- readable-measure · Skill · 1,982 stars
Set line length and measure for comfortable reading across type sizes and breakpoints. Use when tuning body text. Covers measure only — for the full size a
- research-repository · Skill · 1,982 stars
Build a repository that makes findings findable, reusable, and cumulative across teams. Use when the same research keeps getting redone. For synthesising o
- responsive-design · Skill · 1,982 stars
Design layouts and interactions that adapt across screen sizes and input methods. Use when one design must serve many viewports. For the underlying column
- search-ux · Skill · 1,982 stars
Design search — query input, zero results, refinement, and result presentation. Use when users retrieve rather than browse. For browse structure, use `navi
- service-blueprint · Skill · 1,982 stars
Map service delivery across frontstage actions, backstage processes, and supporting systems. Use when staff and operations are part of the experience. For
- skills · Collection · 1,982 stars
- skills · Collection · 1,982 stars
- skills · Collection · 1,982 stars
- skills · Collection · 1,982 stars
- skills · Collection · 1,982 stars
- skills · Collection · 1,982 stars
- skills · Collection · 1,982 stars
- skills · Collection · 1,982 stars
- skills · Collection · 1,982 stars
- spacing-system · Skill · 1,982 stars
Create a spacing scale from a base unit with rules for when each step applies. Use when standardising padding and margins. For page-level columns and gutte
- stakeholder-alignment · Skill · 1,982 stars
Build alignment artifacts — responsibility matrices, decision rights, and communication plans. Use when unclear ownership stalls decisions. For persuading
- state-machine · Skill · 1,982 stars
Model component behaviour as explicit states, events, and transitions. Use when a component has many interacting states that must be exhaustive. For the fe
- summarize-interview · Skill · 1,982 stars
Turn one interview transcript into themes, supporting quotes, and action items. Use immediately after a session. For synthesising many sessions at once, us
- survey-design · Skill · 1,982 stars
Design unbiased survey instruments — question wording, scales, and sampling — to measure attitudes at scale. Use when you need quantitative breadth. For be
- team-workflow · Skill · 1,982 stars
Design the team's operating rhythm — task management, collaboration rituals, and tooling. Use when the day-to-day cadence needs structure. For a time-boxed
- test-scenario · Skill · 1,982 stars
Write realistic usability task scenarios with success criteria and facilitation notes. Use when you have a study and need the tasks. For the surrounding st
- theming-system · Skill · 1,982 stars
Design theming architecture — brand variants, dark mode, and high-contrast — mapped through token layers. Use when one system must serve multiple themes. F
- typography-scale · Skill · 1,982 stars
Create a modular type scale with size, weight, and line-height relationships. Use when establishing typographic structure. For line length only use `readab
- ui-design · Collection · 1,982 stars
- usability-test-plan · Skill · 1,982 stars
Design a usability study — research questions, methodology, participant criteria, metrics, and facilitation guide. Use when planning the study as a whole.
- user-flow-diagram · Skill · 1,982 stars
Diagram screen-level paths, decision points, and branch logic. Use when specifying how a feature is traversed. For the emotional end-to-end arc, use `journ
- user-persona · Skill · 1,982 stars
Build research-grounded personas with goals, frustrations, and behavioural patterns. Use when decisions need a consistent user reference. For one session's
- ux-strategy · Collection · 1,982 stars
- ux-writing · Skill · 1,982 stars
Write interface copy — microcopy, error messages, empty states, and CTAs. Use when the words are the deliverable. For content structure and ownership, use
- version-control-strategy · Skill · 1,982 stars
Define version control for design files, components, and libraries — branching, naming, and release. Use when file history is chaotic. For design system co
- visual-critique · Collection · 1,982 stars
- visual-hierarchy · Skill · 1,982 stars
Establish hierarchy through size, weight, colour, spacing, and position so the eye lands in the intended order. Use when composing new work. For judging an
- von-restorff-effect · Skill · 1,982 stars
Apply the Von Restorff Effect — the element that differs from its neighbours is the one remembered. Use when a single action must dominate. For overall ord
- wireframe-spec · Skill · 1,982 stars
Specify wireframe layout — content priority, component placement, and annotation. Use when defining structure before visual design. For grid mechanics, use
- behavioural-analytics · Skill
Read funnels, retention curves, and event data as a designer — separating a design problem from a tracking artefact. Use when handed product data you did n
- concept-selection · Skill
Choose between competing concepts against criteria fixed in advance, and record what each rejected concept was testing. Use when several directions are ali
- conversational-ux · Skill
Design voice and conversational interfaces — dialog flows, error recovery, and persona. Use when the interface speaks and listens rather than being tapped.
- jakobs-law · Skill
Apply Jakob's Law — users expect your product to work like the others they already use. Use when deciding whether to innovate on a familiar pattern. For OS
- law-of-closure · Skill
Apply the Law of Closure — the eye completes implied shapes from partial forms. Use when reducing visual weight by dropping borders or letting negative spa
- law-of-continuity · Skill
Apply the Law of Continuity — the eye follows alignment and unbroken paths. Use when sequencing steps, aligning content, or designing carousels and timelin
- law-of-figure-ground · Skill
Apply the Law of Figure-Ground — establish which layer is foreground and actionable versus background. Use when designing modals, overlays, and depth. For
- law-of-similarity · Skill
Apply the Law of Similarity — shared colour, shape, or size signals that elements belong to one category. Use when signalling relationships across distance
- parallel-concepts · Skill
Build several genuinely different solutions to the same problem at once, spread across what the user does rather than how it looks. Use when one direction
- peak-end-rule · Skill
Apply the Peak-End Rule — a flow is remembered by its most intense moment and its last. Use when designing completion, celebration, or cancellation moments
- platform-conventions · Skill
Design to iOS and Android conventions — what each OS mandates, where they diverge, and when to unify. Use when shipping native apps. For breakpoint adaptat
- qual-quant-triangulation · Skill
Reconcile what the numbers say with what users say, and design the study that settles it rather than restates it. Use when behavioural data and research fi
- serial-position-effect · Skill
Apply the Serial Position Effect — first and last items in a sequence are recalled best. Use when ordering menus, lists, and steps. For emphasising one ite
- teslers-law · Skill
Apply Tesler's Law — every process has irreducible complexity that someone must absorb. Use when deciding whether the product or the user carries it. For r
- zeigarnik-effect · Skill
Apply the Zeigarnik Effect — incomplete tasks stay mentally active. Use when designing progress indicators, saved drafts, and return hooks. For the emotion