owl-listener/designer-skills
53 skills · 35,995 total installs
$npx skills add owl-listener/designer-skillsSkillInstalls
presentation-deckStructure compelling design presentations for stakeholders, reviews, and showcases.icon-systemCreate an icon system specification covering grid, sizing, naming, categories, and implementation guidance.animation-principlesApply animation principles to UI motion for purposeful, polished interactions.design-critiqueFacilitate structured design critiques with clear feedback frameworks and actionable outcomes.design-qa-checklistCreate QA checklists for verifying design implementation accuracy.micro-interaction-specSpecify micro-interactions with trigger, rules, feedback, and loop/mode definitions.ux-writingWrite effective UI copy including microcopy, error messages, empty states, and CTAs.loading-statesDesign loading, skeleton, and progressive content reveal patterns.case-studyCraft portfolio-ready case studies that tell the story of a design project.error-handling-uxDesign error prevention, detection, and recovery experiences.accessibility-auditConduct a comprehensive accessibility audit against WCAG guidelines with severity ratings and remediation steps.component-specWrite a detailed component specification including props, states, variants, accessibility requirements, and usage guidelines.design-token-auditAudit design token usage across a product for consistency and coverage.usability-test-planDesign a usability test plan with tasks, success metrics, participant criteria, and facilitation guide.empathy-mapBuild a 4-quadrant empathy map (Says, Thinks, Does, Feels) to synthesize user research into actionable insights.design-tokenDefine and organize design tokens (color, spacing, typography, elevation) with naming conventions and usage guidance.user-personaCreate refined user personas from research data with demographics, goals, frustrations, and behavioral patterns.documentation-templateGenerate structured documentation templates for components, patterns, or guidelines within a design system.theming-systemDesign a theming architecture that supports brand variants, dark mode, and high-contrast modes with token mapping.naming-conventionEstablish a naming convention system for design elements, components, and tokens with clear rules and examples.journey-mapCreate an end-to-end user journey map with stages, touchpoints, emotions, pain points, and opportunity areas.jobs-to-be-doneMap user Jobs-to-Be-Done with functional, emotional, and social dimensions plus outcome expectations.team-workflowDesign team workflows covering task management, collaboration rituals, and tooling.gesture-patternsDesign gesture-based interactions for touch and pointer devices.card-sort-analysisAnalyze card sorting results to inform information architecture and navigation structure. Use after conducting open or closed card sort studies.diary-study-planDesign a diary study plan with prompts, duration, participant criteria, and analysis framework.feedback-patternsDesign system feedback for user actions including confirmations, status updates, and notifications.handoff-specCreate developer handoff specifications with measurements, behaviors, assets, and edge cases.interview-scriptCreate a structured user interview script with warm-up, core exploration, and wrap-up sections.pattern-libraryStructure a pattern library entry with problem context, solution pattern, usage examples, and related patterns.design-rationaleWrite clear design rationale connecting decisions to user needs, business goals, and principles.affinity-diagramOrganize qualitative research data into an affinity diagram with themes, clusters, and insight statements.design-sprint-planPlan and facilitate design sprints from challenge framing through prototype testing.design-review-processEstablish design review gates with criteria, checklists, and approval workflows.design-system-adoptionCreate adoption strategies and materials to drive design system usage across teams.summarize-interviewSummarize a user interview transcript into structured insights with key themes, quotes, and action items.version-control-strategyDefine version control strategies for design files, components, and libraries.design-debt-auditIdentify, categorize, and prioritize accumulated design inconsistencies and structural problems across a product.design-impact-reportingCommunicate design's contribution to business and user outcomes in terms that resonate with stakeholders.design-negotiationAdvocate for design quality, scope, and time with cross-functional partners and leadership using evidence and shared goals.design-system-governanceDefine how a design system evolves — contribution models, versioning, change management, and deprecation.doherty-thresholdApply the Doherty Threshold — keep system response times under 400ms to maintain user flow and perceived performance.fitts-lawApply Fitts's Law to size and position interactive targets for fast, accurate interaction.form-designDesign forms that minimize friction, prevent errors, and guide users to successful completion.hicks-lawApply Hick's Law to reduce decision time by limiting the number of simultaneous choices presented to users.interfaces-that-feelApply an emotional resonance lens to any UI. Use when a design is technically correct but flat — to identify what's missing and prescribe specific changes at…localization-designDesign interfaces that adapt gracefully to multiple languages, writing directions, and cultural contexts.millers-lawApply Miller's Law — chunk information into groups of ~4 to work within working memory limits.motion-systemDefine a motion system with duration tokens, easing vocabulary, and reduced-motion handling for consistent animation across a product.navigation-patternsSelect and design navigation patterns that match product structure, user tasks, and platform conventions.onboarding-designDesign first-run experiences that get users to value quickly without overwhelming them.research-repositoryBuild and maintain a research repository that makes findings findable, reusable, and cumulative across the organization.survey-designDesign surveys that collect reliable, unbiased quantitative data to validate hypotheses and measure user attitudes at scale.