owl-listener avatar

owl-listener/designer-skills

skills.sh installs
162.5K
skills
68

Install

$ npx -y skills add owl-listener/designer-skills --agent claude-code

Installs into .claude/skills of the current project.

Skills

1owl-listener avatarpresentation-deckowl-listener/designer-skillsStructure compelling design presentations for stakeholders, reviews, and showcases.3.4Kskills.sh installs
2owl-listener avatartypography-scaleowl-listener/designer-skillsCreate a modular typography scale with size, weight, and line-height relationships.2.8Kskills.sh installs
3owl-listener avatarillustration-styleowl-listener/designer-skillsDefine an illustration style guide with visual language, color usage, and application rules.2.8Kskills.sh installs
4owl-listener avatarvisual-hierarchyowl-listener/designer-skillsEstablish clear visual hierarchy through size, weight, color, spacing, and positioning.2.8Kskills.sh installs
5owl-listener avatarcolor-systemowl-listener/designer-skillsBuild a comprehensive color system with palette generation, semantic mapping, and accessibility compliance.2.7Kskills.sh installs
6owl-listener avatardark-mode-designowl-listener/designer-skillsDesign effective dark mode interfaces with proper color adaptation, contrast, and elevation.2.7Kskills.sh installs
7owl-listener avataruser-flow-diagramowl-listener/designer-skillsCreate user flow diagrams showing paths, decisions, and branch logic.2.7Kskills.sh installs
8owl-listener avataricon-systemowl-listener/designer-skillsCreate an icon system specification covering grid, sizing, naming, categories, and implementation guidance.2.6Kskills.sh installs
9owl-listener avatarlayout-gridowl-listener/designer-skillsDefine responsive layout grid systems with columns, gutters, margins, and breakpoint behavior.2.6Kskills.sh installs
10owl-listener avatarheuristic-evaluationowl-listener/designer-skillsConduct expert heuristic evaluations using Nielsen's heuristics and domain-specific criteria.2.6Kskills.sh installs
11owl-listener avatardata-visualizationowl-listener/designer-skillsDesign clear, accessible data visualizations with appropriate chart selection and styling.2.6Kskills.sh installs
12owl-listener avatarspacing-systemowl-listener/designer-skillsCreate a consistent spacing system based on a base unit with contextual application rules.2.5Kskills.sh installs
13owl-listener avatarresponsive-designowl-listener/designer-skillsDesign adaptive layouts and interactions that work across all screen sizes and input methods.2.5Kskills.sh installs
14owl-listener avatarwireframe-specowl-listener/designer-skillsSpecify wireframe layouts with content priority, component placement, and annotation.2.5Kskills.sh installs
15owl-listener avatarmicro-interaction-specowl-listener/designer-skillsSpecify micro-interactions with trigger, rules, feedback, and loop/mode definitions.2.5Kskills.sh installs
16owl-listener avatarloading-statesowl-listener/designer-skillsDesign loading, skeleton, and progressive content reveal patterns.2.5Kskills.sh installs
17owl-listener avataranimation-principlesowl-listener/designer-skillsApply animation principles to UI motion for purposeful, polished interactions.2.5Kskills.sh installs
18owl-listener avatardesign-critiqueowl-listener/designer-skillsFacilitate structured design critiques with clear feedback frameworks and actionable outcomes.2.5Kskills.sh installs
19owl-listener avatardesign-qa-checklistowl-listener/designer-skillsCreate QA checklists for verifying design implementation accuracy.2.5Kskills.sh installs
20owl-listener avatardesign-token-auditowl-listener/designer-skillsAudit design token usage across a product for consistency and coverage.2.5Kskills.sh installs
21owl-listener avatarstate-machineowl-listener/designer-skillsModel complex UI behavior as finite state machines with states, events, and transitions.2.4Kskills.sh installs
22owl-listener avatarerror-handling-uxowl-listener/designer-skillsDesign error prevention, detection, and recovery experiences.2.4Kskills.sh installs
23owl-listener avatardesign-tokenowl-listener/designer-skillsDefine and organize design tokens (color, spacing, typography, elevation) with naming conventions and usage guidance.2.4Kskills.sh installs
24owl-listener avatarusability-test-planowl-listener/designer-skillsDesign a usability test plan with tasks, success metrics, participant criteria, and facilitation guide. Use when planning moderated or unmoderated usability tes2.4Kskills.sh installs
25owl-listener avataraccessibility-auditowl-listener/designer-skillsConduct a comprehensive accessibility audit against WCAG guidelines with severity ratings and remediation steps.2.4Kskills.sh installs
26owl-listener avatarcase-studyowl-listener/designer-skillsCraft portfolio-ready case studies that tell the story of a design project.2.4Kskills.sh installs
27owl-listener avatarux-writingowl-listener/designer-skillsWrite effective UI copy including microcopy, error messages, empty states, and CTAs.2.4Kskills.sh installs
28owl-listener avatarjourney-mapowl-listener/designer-skillsCreate 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 pr2.4Kskills.sh installs
29owl-listener avatarcomponent-specowl-listener/designer-skillsWrite a detailed component specification including props, states, variants, accessibility requirements, and usage guidelines.2.4Kskills.sh installs
30owl-listener avatardesign-principlesowl-listener/designer-skillsDefine a set of actionable design principles that guide decision-making and resolve trade-offs.2.4Kskills.sh installs
31owl-listener avatartheming-systemowl-listener/designer-skillsDesign a theming architecture that supports brand variants, dark mode, and high-contrast modes with token mapping.2.4Kskills.sh installs
32owl-listener avatarcompetitive-analysisowl-listener/designer-skillsConduct a structured competitive analysis comparing UX patterns, features, strengths, and gaps across rival products.2.3Kskills.sh installs
33owl-listener avatarfeedback-patternsowl-listener/designer-skillsDesign system feedback for user actions including confirmations, status updates, and notifications.2.3Kskills.sh installs
34owl-listener avatardesign-briefowl-listener/designer-skillsWrite a comprehensive design brief that defines the problem space, constraints, audience, and success criteria.2.3Kskills.sh installs
35owl-listener avatarprototype-strategyowl-listener/designer-skillsChoose the right prototyping fidelity and method for the design question.2.3Kskills.sh installs
36owl-listener avataruser-personaowl-listener/designer-skillsCreate refined user personas from research data with demographics, goals, frustrations, and behavioral patterns. Use when synthesizing user research into action2.3Kskills.sh installs
37owl-listener avatarjobs-to-be-doneowl-listener/designer-skillsMap user Jobs-to-Be-Done with functional, emotional, and social dimensions plus outcome expectations. Use when reframing product decisions around user motivatio2.3Kskills.sh installs
38owl-listener avatargesture-patternsowl-listener/designer-skillsDesign gesture-based interactions for touch and pointer devices.2.3Kskills.sh installs
39owl-listener avatarhandoff-specowl-listener/designer-skillsCreate developer handoff specifications with measurements, behaviors, assets, and edge cases.2.3Kskills.sh installs
40owl-listener avatarexperience-mapowl-listener/designer-skillsCreate a holistic experience map showing the full ecosystem of user touchpoints, channels, and relationships.2.3Kskills.sh installs
41owl-listener avatarnaming-conventionowl-listener/designer-skillsEstablish a naming convention system for design elements, components, and tokens with clear rules and examples.2.3Kskills.sh installs
42owl-listener avatarempathy-mapowl-listener/designer-skillsBuild 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 2.3Kskills.sh installs
43owl-listener avatardocumentation-templateowl-listener/designer-skillsGenerate structured documentation templates for components, patterns, or guidelines within a design system.2.3Kskills.sh installs
44owl-listener avatarpattern-libraryowl-listener/designer-skillsStructure a pattern library entry with problem context, solution pattern, usage examples, and related patterns.2.3Kskills.sh installs
45owl-listener avataraffinity-diagramowl-listener/designer-skillsOrganize qualitative research data into an affinity diagram with themes, clusters, and insight statements. Use when synthesizing large amounts of qualitative da2.3Kskills.sh installs
46owl-listener avatarinterview-scriptowl-listener/designer-skillsCreate a structured user interview script with warm-up, core exploration, and wrap-up sections. Use when preparing for user research interviews to ensure consis2.3Kskills.sh installs
47owl-listener avatarcard-sort-analysisowl-listener/designer-skillsAnalyze card sorting results to inform information architecture and navigation structure. Use after conducting open or closed card sort studies.2.3Kskills.sh installs
48owl-listener avatardesign-rationaleowl-listener/designer-skillsWrite clear design rationale connecting decisions to user needs, business goals, and principles.2.3Kskills.sh installs
49owl-listener avataraccessibility-test-planowl-listener/designer-skillsCreate accessibility testing plans covering assistive technologies and WCAG criteria.2.3Kskills.sh installs
50owl-listener avatara-b-test-designowl-listener/designer-skillsDesign rigorous A/B tests with hypotheses, variants, metrics, and sample size calculations.2.3Kskills.sh installs
51owl-listener avatarmetrics-definitionowl-listener/designer-skillsDefine UX metrics and KPIs that connect design decisions to measurable business and user outcomes.2.3Kskills.sh installs
52owl-listener avatardiary-study-planowl-listener/designer-skillsDesign a diary study plan with prompts, duration, participant criteria, and analysis framework. Use when you need to understand user behavior over time in natur2.3Kskills.sh installs
53owl-listener avatarstakeholder-alignmentowl-listener/designer-skillsCreate stakeholder alignment artifacts including responsibility matrices, decision frameworks, and communication plans.2.3Kskills.sh installs
54owl-listener avatartest-scenarioowl-listener/designer-skillsGenerates structured usability test scenarios with realistic tasks, success criteria, and facilitation notes — ready to run with real participants or in a moder2.3Kskills.sh installs
55owl-listener avatardesign-review-processowl-listener/designer-skillsEstablish design review gates with criteria, checklists, and approval workflows.2.3Kskills.sh installs
56owl-listener avatarnorth-star-visionowl-listener/designer-skillsArticulate a compelling north-star product vision that aligns teams and inspires strategic design decisions.2.3Kskills.sh installs
57owl-listener avataropportunity-frameworkowl-listener/designer-skillsIdentify, evaluate, and prioritize design opportunities using impact-effort frameworks and strategic criteria.2.3Kskills.sh installs
58owl-listener avatarsummarize-interviewowl-listener/designer-skillsSummarize a user interview transcript into structured insights with key themes, quotes, and action items. Use after conducting user interviews to extract and sh2.2Kskills.sh installs
59owl-listener avatardesign-system-adoptionowl-listener/designer-skillsCreate adoption strategies and materials to drive design system usage across teams.2.2Kskills.sh installs
60owl-listener avatarteam-workflowowl-listener/designer-skillsDesign team workflows covering task management, collaboration rituals, and tooling.2.2Kskills.sh installs
61owl-listener avatardesign-sprint-planowl-listener/designer-skillsPlan and facilitate design sprints from challenge framing through prototype testing.2.2Kskills.sh installs
62owl-listener avatarclick-test-planowl-listener/designer-skillsDesign click/first-click tests to evaluate navigation and information findability.2.2Kskills.sh installs
63owl-listener avatarversion-control-strategyowl-listener/designer-skillsDefine version control strategies for design files, components, and libraries.2.2Kskills.sh installs
64owl-listener avatarinformation-architectureowl-listener/designer-skillsDesign the structure, hierarchy, and navigation model for a product's content and features.2.2Kskills.sh installs
65owl-listener avataraesthetic-usabilityowl-listener/designer-skillsApply the Aesthetic-Usability Effect — visually consistent, polished interfaces are perceived as more usable.2.2Kskills.sh installs
66owl-listener avatarnavigation-patternsowl-listener/designer-skillsSelect and design navigation patterns that match product structure, user tasks, and platform conventions.2.1Kskills.sh installs
67owl-listener avatarmotion-systemowl-listener/designer-skillsDefine a motion system with duration tokens, easing vocabulary, and reduced-motion handling for consistent animation across a product.2.1Kskills.sh installs
68owl-listener avatarservice-blueprintowl-listener/designer-skillsMap the end-to-end service delivery system including frontstage actions, backstage processes, and supporting infrastructure.2Kskills.sh installs