owl-listener/designer-skills

View on GitHub

63 resources in this repository

GitHub

🎯63Skills

294

🎯Skills63

🎯illustration-style🎯Skill

Skill

illustration-style

🎯typography-scale🎯Skill

Skill

typography-scale

🎯dark-mode-design🎯Skill

Skill

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

Skill

user-flow-diagram

🎯presentation-deck🎯Skill

Skill

presentation-deck

🎯ux-writing🎯Skill

Skill

ux-writing

🎯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

🎯animation-principles🎯Skill

Skill

animation-principles

🎯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

🎯visual-hierarchy🎯Skill

Skill

visual-hierarchy

🎯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

🎯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

🎯responsive-design🎯Skill

Skill

responsive-design

🎯design-qa-checklist🎯Skill

Skill

design-qa-checklist

🎯micro-interaction-spec🎯Skill

Skill

micro-interaction-spec

🎯design-token-audit🎯Skill

Skill

design-token-audit

🎯wireframe-spec🎯Skill

Skill

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-critique🎯Skill

Skill

design-critique

🎯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

🎯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

🎯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

🎯error-handling-ux🎯Skill

Skill

error-handling-ux

🎯design-principles🎯Skill

Skill

design-principles

🎯documentation-template🎯Skill

Skill

documentation-template

🎯empathy-map🎯Skill

Skill

empathy-map

🎯naming-convention🎯Skill

Skill

naming-convention

🎯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

🎯case-study🎯Skill

Skill

case-study

🎯design-rationale🎯Skill

Skill

design-rationale

🎯design-token🎯Skill

Skill

design-token

🎯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

🎯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

🎯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

🎯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

🎯diary-study-plan🎯Skill

Skill

diary-study-plan

🎯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

🎯team-workflow🎯Skill

Skill

team-workflow

🎯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

🎯theming-system🎯Skill

Skill

theming-system

🎯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

🎯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

🎯design-review-process🎯Skill

Skill

design-review-process

🎯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

🎯interview-script🎯Skill

Skill

interview-script

🎯jobs-to-be-done🎯Skill

Skill

jobs-to-be-done

🎯design-sprint-plan🎯Skill

Skill

design-sprint-plan

🎯user-persona🎯Skill

Skill

user-persona

🎯card-sort-analysis🎯Skill

Skill

card-sort-analysis

🎯design-system-adoption🎯Skill

Skill

design-system-adoption

🎯competitive-analysis🎯Skill

Skill

competitive-analysis

🎯test-scenario🎯Skill

Skill

test-scenario

🎯a-b-test-design🎯Skill

Skill

a-b-test-design

🎯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

🎯stakeholder-alignment🎯Skill

Skill

stakeholder-alignment

🎯metrics-definition🎯Skill

Skill

metrics-definition

🎯north-star-vision🎯Skill

Skill

north-star-vision

🎯experience-map🎯Skill

Skill

experience-map

🎯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

🎯version-control-strategy🎯Skill

Skill

version-control-strategy

🎯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

Back to Home