owl-listener

owl-listener/designer-skills

97 resources in this repository

GitHub
🎯96πŸͺ1
294

🎯Skills96

🎯presentation-deck🎯Skill

Part of a designer skill collection with 91 skills and 28 commands across 9 plugins covering research, design systems, UX strategy, UI design, interaction design, prototyping, design ops, toolkit, and visual critique for Claude Code.

presentation-deck
🎯data-visualization🎯Skill

Design skill from the Designer Skills collection for crafting data visualizations, part of the ui-design plugin covering layout grids, color systems, typography, responsive design, and data viz.

data-visualization
🎯typography-scale🎯Skill

A UI design skill from the Designer Skills Collection covering typography systems within the ui-design plugin, which provides tools for crafting polished interfaces including layout grids, color systems, typography, responsive design, and data visualization.

typography-scale
🎯illustration-style🎯Skill

A design skill from the Designer Skills Collection of 91 agentic design skills across 9 plugins, part of the visual-critique plugin that provides hierarchy analysis, brand consistency checks, composition evaluation, and typography audits for design workflows.

illustration-style
🎯dark-mode-design🎯Skill

A design systems skill from the Designer Skills Collection covering dark mode theming within the design-systems plugin, which provides tools for building and maintaining design systems including tokens, components, accessibility, theming, and motion governance.

dark-mode-design
🎯color-system🎯Skill

A UI design skill from the Designer Skills collection that provides expertise in crafting color systems, part of a 63-skill suite covering design research, design systems, UX strategy, interaction design, prototyping, and design operations for Claude Code.

color-system
🎯user-flow-diagram🎯Skill

A UX strategy skill from the Designer Skills Collection covering user flow mapping within the ux-strategy plugin, which helps shape product direction through competitive analysis, design principles, experience mapping, information architecture, and content strategy.

user-flow-diagram
🎯visual-hierarchy🎯Skill

A visual critique skill from the Designer Skills Collection covering hierarchy analysis within the visual-critique plugin, which provides visual hierarchy analysis, brand consistency checks, composition evaluation, and typography audits.

visual-hierarchy
🎯animation-principles🎯Skill

An interaction design skill from the Designer Skills Collection covering animation principles within the interaction-design plugin, which provides guidance for micro-animations, state machines, gestures, feedback, cognitive laws, forms, and navigation patterns.

animation-principles
🎯wireframe-spec🎯Skill

A prototyping skill from the Designer Skills Collection covering wireframe specifications within the prototyping-testing plugin, which helps validate designs through prototyping strategies, usability testing, heuristic evaluation, and A/B experiments.

wireframe-spec
🎯spacing-system🎯Skill

A design skill from the Designer Skills Collection that teaches AI agents about spacing systems within design systems, covering spacing tokens, consistent component spacing, and theming as part of the design-systems plugin with 8 skills and 3 commands.

spacing-system
🎯layout-grid🎯Skill

A UI design skill from the Designer Skills Collection covering layout grid systems within the ui-design plugin, which provides tools for crafting polished interfaces including layout grids, color systems, typography, responsive design, and data visualization.

layout-grid
🎯prototype-strategy🎯Skill

A design skill from the Designer Skills Collection that teaches AI agents about prototyping strategies, covering approaches for validating designs through prototypes, usability testing, heuristic evaluation, and A/B experiments as part of the prototyping-testing plugin.

prototype-strategy
🎯icon-system🎯Skill

A design skill from the Designer Skills Collection that teaches AI agents about icon system design within design systems, covering icon creation, consistency, accessibility, and integration into component libraries as part of the design-systems plugin.

icon-system
🎯state-machine🎯Skill

A design skill from the Designer Skills Collection that teaches AI agents about state machine design patterns for interactions, covering how to model UI states, transitions, and complex interaction flows as part of the interaction-design plugin.

state-machine
🎯design-qa-checklist🎯Skill

A design ops skill from the Designer Skills Collection covering design QA checklists within the design-ops plugin, which streamlines operations including critique frameworks, handoff specs, sprint planning, team workflows, design debt tracking, and impact reporting.

design-qa-checklist
🎯ux-writing🎯Skill

A designer toolkit skill from the Designer Skills Collection covering UX writing within the designer-toolkit plugin, which provides essential utilities including design rationale, presentations, case studies, UX writing, system adoption, and design negotiation.

ux-writing
🎯micro-interaction-spec🎯Skill

An interaction design skill from the Designer Skills Collection covering micro-interaction specifications within the interaction-design plugin, providing guidance for designing meaningful micro-animations, state transitions, and feedback patterns.

micro-interaction-spec
🎯loading-states🎯Skill

A design skill from the Designer Skills Collection that teaches AI agents about loading state design patterns, covering how to handle wait times, skeleton screens, progress indicators, and user feedback during asynchronous operations as part of the interaction-design plugin.

loading-states
🎯heuristic-evaluation🎯Skill

A design skill from the Designer Skills Collection that teaches AI agents about heuristic evaluation methods for assessing interface usability, as part of the prototyping-testing plugin covering usability testing, A/B experiments, and design validation.

heuristic-evaluation
🎯responsive-design🎯Skill

A UI design skill from the Designer Skills Collection covering responsive design within the ui-design plugin, which provides guidance for crafting interfaces that adapt across viewport sizes with proper layout grids, breakpoints, and fluid typography.

responsive-design
🎯design-principles🎯Skill

A UX strategy skill from the Designer Skills Collection covering design principles within the ux-strategy plugin, which helps establish product direction through competitive analysis, design principles, experience mapping, and information architecture.

design-principles
🎯experience-map🎯Skill

A skill from the Designer Skills collection (91 skills across 9 plugins for Claude Code) in the ux-strategy plugin, which focuses on experience mapping as part of shaping product direction alongside competitive analysis, design principles, information architecture, and service blueprints.

experience-map
🎯error-handling-ux🎯Skill

An interaction design skill from the Designer Skills Collection covering error handling UX within the interaction-design plugin, providing guidance for designing clear error states, recovery flows, and feedback patterns that help users understand and resolve issues.

error-handling-ux
🎯case-study🎯Skill

A designer toolkit skill from the Designer Skills Collection covering portfolio case studies within the designer-toolkit plugin, which provides essential utilities for creating design rationale, presentations, case studies, and professional design documentation.

case-study
🎯design-critique🎯Skill

A design ops skill from the Designer Skills Collection covering design critique frameworks within the design-ops plugin, which streamlines team operations including structured critique sessions, handoff specs, sprint planning, and design debt tracking.

design-critique
🎯naming-convention🎯Skill

A design systems skill from the Designer Skills Collection covering naming conventions within the design-systems plugin, providing structured approaches to naming tokens, components, and design system elements for consistency and maintainability.

naming-convention
🎯empathy-map🎯Skill

A design research skill from the Designer Skills Collection covering empathy maps within the design-research plugin, which supports user research through personas, empathy maps, journey maps, interviews, usability testing, and research repositories.

empathy-map
🎯design-brief🎯Skill

A design skill from the Designer Skills Collection that teaches AI agents about creating design briefs, covering design rationale documentation, presentations, and case studies as part of the designer-toolkit plugin with 6 skills and 3 commands.

design-brief
🎯design-token🎯Skill

A design systems skill from the Designer Skills Collection covering design token creation and management within the design-systems plugin, providing tools for extracting, organizing, and maintaining design tokens across platforms and component libraries.

design-token
🎯design-token-audit🎯Skill

A design systems skill from the Designer Skills Collection covering design token audits within the design-systems plugin, which provides tools for auditing and maintaining design tokens, components, accessibility, theming, and motion governance.

design-token-audit
🎯documentation-template🎯Skill

A design ops skill from the Designer Skills Collection covering documentation templates within the design-ops plugin, providing structured templates for design documentation, handoff specs, sprint planning, and team workflow documentation.

documentation-template
🎯stakeholder-alignment🎯Skill

A skill from the Designer Skills collection (91 skills across 9 plugins for Claude Code) in the ux-strategy plugin, which supports shaping product direction through competitive analysis, design principles, experience mapping, information architecture, content strategy, and service blueprints.

stakeholder-alignment
🎯accessibility-audit🎯Skill

Design skill from the Designer Skills collection that guides accessibility auditing as part of a comprehensive design systems plugin covering tokens, components, accessibility, theming, and documentation.

accessibility-audit
🎯interview-script🎯Skill

A skill from the Designer Skills collection (91 skills across 9 plugins for Claude Code) in the design-research plugin, which provides guidance on user research methods including preparing and conducting user interviews, creating personas, journey maps, and synthesizing research data.

interview-script
🎯north-star-vision🎯Skill

A skill from the Designer Skills collection (91 skills across 9 plugins for Claude Code) in the ux-strategy plugin, which helps shape product direction through competitive analysis, design principles, experience mapping, information architecture, content strategy, and service blueprints.

north-star-vision
🎯usability-test-plan🎯Skill

Design skill from the Designer Skills collection for creating usability test plans, part of the prototyping-testing plugin that covers prototyping strategies, usability testing, heuristic evaluation, and A/B experiments.

usability-test-plan
🎯component-spec🎯Skill

A design skill from the Designer Skills Collection that teaches AI agents about component specification design, covering how to scaffold and document component specs for design systems as part of the design-systems plugin with 8 skills and 3 commands.

component-spec
🎯a-b-test-design🎯Skill

A skill from the Designer Skills Collection (91 skills across 9 plugins) that provides guidance on designing A/B test experiments, part of the prototyping-testing plugin covering usability testing, heuristic evaluation, and experiment validation for design workflows.

a-b-test-design
🎯competitive-analysis🎯Skill

A skill from the Designer Skills collection (91 skills across 9 plugins for Claude Code) in the ux-strategy plugin, which helps shape product direction through competitive analysis, design principles, experience mapping, information architecture, content strategy, and service blueprints.

competitive-analysis
🎯team-workflow🎯Skill

A skill from the Designer Skills collection (91 skills across 9 plugins for Claude Code) in the design-ops plugin, which streamlines design operations including critique frameworks, handoff specs, sprint planning, team workflows, design debt tracking, and impact reporting.

team-workflow
🎯theming-system🎯Skill

A design systems skill from the Designer Skills Collection covering theming systems within the design-systems plugin, providing tools for building and maintaining theming infrastructure including tokens, accessibility compliance, motion governance, and localization.

theming-system
🎯journey-map🎯Skill

Design skill from the Designer Skills collection for creating user journey maps, part of the design-research plugin covering personas, empathy maps, journey maps, interviews, usability testing, and card sorting.

journey-map
🎯jobs-to-be-done🎯Skill

A skill from the Designer Skills collection (91 skills across 9 plugins for Claude Code) in the design-research plugin, which covers user research including personas, empathy maps, journey maps, interviews, usability testing, card sorting, surveys, and research repositories.

jobs-to-be-done
🎯card-sort-analysis🎯Skill

A skill from the Designer Skills collection (91 skills across 9 plugins for Claude Code) in the design-research plugin, which covers user research techniques including card sorting analysis, usability testing, surveys, personas, and research synthesis.

card-sort-analysis
🎯test-scenario🎯Skill

A skill from the Designer Skills Collection (91 skills across 9 plugins) that assists with test scenario creation, part of the prototyping-testing plugin covering prototyping strategies, usability testing, heuristic evaluation, and A/B experiments for design validation.

test-scenario
🎯feedback-patterns🎯Skill

A design skill from the Designer Skills Collection that teaches AI agents about feedback design patterns, covering how to communicate system status, errors, confirmations, and success states to users as part of the interaction-design plugin.

feedback-patterns
🎯affinity-diagram🎯Skill

Design skill from the Designer Skills collection for creating affinity diagrams, part of the design-research plugin covering user research methods including personas, empathy maps, journey maps, interviews, and card sorting.

affinity-diagram
🎯accessibility-test-plan🎯Skill

A design skill from the Designer Skills Collection that teaches AI agents about creating accessibility test plans, covering how to evaluate designs for WCAG compliance, assistive technology support, and inclusive design practices as part of the design-systems or prototyping-testing plugin.

accessibility-test-plan
🎯pattern-library🎯Skill

Design skill from the Designer Skills collection for building and maintaining pattern libraries, part of the design-systems plugin covering design tokens, components, accessibility, theming, and documentation.

pattern-library
🎯gesture-patterns🎯Skill

A design skill from the Designer Skills Collection that teaches AI agents about gesture interaction patterns, covering touch, swipe, and multi-touch gesture design for interfaces as part of the interaction-design plugin.

gesture-patterns
🎯diary-study-plan🎯Skill

A design research skill from the Designer Skills Collection covering diary study planning within the design-research plugin, which supports longitudinal user research through structured study plans, participant management, and data synthesis frameworks.

diary-study-plan
🎯metrics-definition🎯Skill

A skill from the Designer Skills collection (91 skills across 9 plugins for Claude Code) in the ux-strategy plugin, which supports shaping product direction through competitive analysis, design principles, experience mapping, information architecture, content strategy, and service blueprints.

metrics-definition
🎯handoff-spec🎯Skill

Design skill from the Designer Skills collection for creating developer handoff specifications, part of the design-ops plugin that streamlines critique frameworks, sprint planning, and team workflows.

handoff-spec
🎯design-rationale🎯Skill

A designer toolkit skill from the Designer Skills Collection covering design rationale documentation within the designer-toolkit plugin, providing structured frameworks for capturing and communicating design decisions and their justifications.

design-rationale
🎯design-sprint-plan🎯Skill

A skill from the Designer Skills collection (91 skills across 9 plugins for Claude Code) in the design-ops plugin, which streamlines design operations including sprint planning, critique frameworks, handoff specs, team workflows, design debt tracking, and impact reporting.

design-sprint-plan
🎯user-persona🎯Skill

A skill from the Designer Skills Collection (91 skills across 9 plugins) that guides user persona creation, part of the design-research plugin covering personas, empathy maps, journey maps, interviews, and usability testing for user research workflows.

user-persona
🎯summarize-interview🎯Skill

Design skill from the Designer Skills collection for summarizing user interviews, part of the design-research plugin covering personas, empathy maps, journey maps, interviews, usability testing, and card sorting.

summarize-interview
🎯opportunity-framework🎯Skill

Design skill from the Designer Skills collection for building opportunity frameworks, part of the ux-strategy plugin that shapes product direction through competitive analysis, design principles, experience mapping, and alignment.

opportunity-framework
🎯version-control-strategy🎯Skill

A skill from the Designer Skills Collection (91 skills across 9 plugins) that provides guidance on version control strategies for design assets, part of the design-ops plugin covering workflow automation, handoff processes, governance, and operational efficiency.

version-control-strategy
🎯design-review-process🎯Skill

A design ops skill from the Designer Skills Collection covering design review processes within the design-ops plugin, providing structured workflows for conducting design reviews, managing feedback cycles, and ensuring quality across design deliverables.

design-review-process
🎯design-system-adoption🎯Skill

A skill from the Designer Skills collection (91 skills across 9 plugins for Claude Code) in the designer-toolkit plugin, which provides essential utilities including design rationale, presentations, case studies, UX writing, system adoption, and design negotiation.

design-system-adoption
🎯click-test-plan🎯Skill

Design skill from the Designer Skills collection for planning click tests, part of the prototyping-testing plugin that covers prototyping strategies, usability testing, heuristic evaluation, and A/B experiments.

click-test-plan
🎯information-architecture🎯Skill

A UX strategy skill for information architecture design, part of the Designer Skills Collection with 87 skills across 8 design plugins. Covers organizing and structuring content alongside competitive analysis, design principles, experience mapping, content strategy, and service blueprints.

information-architecture
🎯service-blueprint🎯Skill

Design skill for service blueprints from a collection of 87 design skills covering UX strategy, competitive analysis, experience mapping, information architecture, and content strategy.

service-blueprint
🎯aesthetic-usability🎯Skill

A design skill applying the Aesthetic-Usability Effect (users perceive aesthetically pleasing designs as more usable) to guide visual polish and interface refinement, part of 87 design skills for Claude Code.

aesthetic-usability
🎯navigation-patterns🎯Skill

A design skill covering common navigation patterns for web and mobile interfaces including tabs, sidebars, breadcrumbs, and hierarchical navigation, part of 87 design skills for Claude Code.

navigation-patterns
🎯motion-system🎯Skill

A design skill from a collection of 87 agentic design skills for Claude Code, providing guidance on building and maintaining motion systems within design systems including animation tokens, transitions, and choreography patterns.

motion-system
🎯form-design🎯Skill

A design skill providing best practices for form design including input types, validation patterns, and error handling UX, part of a collection of 87 agentic design skills for Claude Code.

form-design
🎯search-ux🎯Skill

Design skill for search UX patterns from a collection of 87 design skills covering interaction design including navigation, forms, onboarding, gestures, and cognitive law applications.

search-ux
🎯onboarding-design🎯Skill

Design skill for onboarding UX from a collection of 87 design skills covering interaction patterns including forms, navigation, and search, plus research, systems, UI, and delivery workflows.

onboarding-design
🎯survey-design🎯Skill

A design research skill for creating effective user surveys, part of a collection of 87 agentic design skills covering research, systems, UI, interaction, and delivery for Claude Code.

survey-design
🎯law-of-proximity🎯Skill

A design skill applying the Gestalt Law of Proximity (elements placed near each other are perceived as related) to UI grouping and spacing decisions, part of 87 design skills for Claude Code.

law-of-proximity
🎯law-of-common-region🎯Skill

A design skill applying the Gestalt Law of Common Region (elements within a shared boundary are perceived as grouped) to UI layout decisions, part of 87 agentic design skills for Claude Code.

law-of-common-region
🎯content-strategy🎯Skill

Design skill for content strategy from a collection of 87 design skills covering UX strategy, competitive analysis, design principles, experience mapping, information architecture, and service blueprints.

content-strategy
🎯localization-design🎯Skill

A design systems skill for implementing localization strategies including text expansion, RTL layouts, and cultural adaptation, part of 87 agentic design skills for Claude Code.

localization-design
🎯fitts-law🎯Skill

Design skill for applying Fitts's Law principles to interaction design, part of a collection of 87 design skills covering cognitive laws, gestures, feedback, forms, and navigation patterns.

fitts-law
🎯design-debt-audit🎯Skill

A design governance skill for identifying and prioritizing design debt within products, part of a collection of 87 agentic design skills covering research, systems, UI, and delivery for Claude Code.

design-debt-audit
🎯readable-measure🎯Skill

A design skill applying optimal line length (measure) principles for readability in text-heavy interfaces, part of a collection of 87 agentic design skills for Claude Code.

readable-measure
🎯millers-law🎯Skill

A design skill that applies Miller's Law (the cognitive limit of 7Β±2 items in working memory) to UI design decisions, part of a collection of 87 agentic design skills for Claude Code.

millers-law
🎯design-system-governance🎯Skill

Design system governance skill from a collection of 87 design skills covering tokens, components, accessibility, theming, motion, and localization for building and maintaining design systems.

design-system-governance
🎯design-impact-reporting🎯Skill

A UX strategy skill for measuring and reporting the business impact of design work, part of a collection of 87 agentic design skills for Claude Code covering research to delivery.

design-impact-reporting
🎯research-repository🎯Skill

A design research skill for building and maintaining research repositories that centralize user research findings, insights, and evidence for cross-team access, part of 87 design skills for Claude Code.

research-repository
🎯von-restorff-effect🎯Skill

A design skill applying the Von Restorff Effect (isolated or distinctive items are more memorable) to create visual hierarchy and emphasis in UI design, part of 87 design skills for Claude Code.

von-restorff-effect
🎯design-negotiation🎯Skill

A UX strategy skill for navigating design trade-offs and stakeholder negotiations, part of a collection of 87 agentic design skills for Claude Code spanning research, systems, and delivery.

design-negotiation
🎯hicks-law🎯Skill

A design skill applying Hick's Law (decision time increases with the number of choices) to simplify navigation and reduce cognitive load in interfaces, part of 87 design skills for Claude Code.

hicks-law
🎯doherty-threshold🎯Skill

A design skill applying the Doherty Threshold (system response times under 400ms keep users in a productive flow state) to guide performance and interaction design, part of 87 design skills for Claude Code.

doherty-threshold
🎯critique-visual-hierarchy🎯Skill

A large collection of 91 design agent skills and 28 commands organized into 9 plugins for Claude Code, covering design research, design systems, UX strategy, UI design, interaction design, prototyping, design ops, and visual critique. It also supports Gemini CLI via extension manifests, making the same skills available across multiple AI coding assistants.

critique-visual-hierarchy
🎯critique-typography🎯Skill

A comprehensive designer skills collection containing 91 skills and 28 commands across 9 plugins for Claude Code, covering the full design workflow from user research and UX strategy to UI design, interaction design, prototyping, and design operations. Plugins are also compatible with Gemini CLI.

critique-typography
🎯critique-composition🎯Skill

A skill from the Designer Skills Collection, a comprehensive library of 91 skills and 28 commands across 9 design plugins for Claude Code covering user research, design systems, UX strategy, UI design, interaction design, prototyping, and visual critique. It is available as a Claude Code marketplace plugin supporting both Claude Code and Gemini CLI.

critique-composition
🎯critique-brand-consistency🎯Skill

Part of a designer skills collection with 91 skills and 28 commands across 9 plugins for Claude Code β€” covering design research, design systems, UX strategy, UI design, interaction design, prototyping, testing, and design ops.

critique-brand-consistency
🎯business-design🎯Skill

Skill

business-design
🎯interfaces-that-feel🎯Skill

Skill

interfaces-that-feel
🎯critique-information-density🎯Skill

Skill

critique-information-density
🎯critique-color🎯Skill

Skill

critique-color
🎯critique-affordance🎯Skill

Skill

critique-affordance

πŸͺMarketplaces1