Owl-ListenerCommunity·106 Agent Skills Included

designer-skills

Complete design toolkit from user research to polished UI delivery

Guides AI agents through the full product design workflow: user research, UX strategy, design systems, UI craft, interaction design, prototyping, and design operations. Eliminates guesswork in color systems, typography scales, accessibility audits, usability testing, and developer handoffs. Turns plain-English requests into structured design deliverables like personas, journey maps, component specs, and critique reports.

2,464|358

↗

npx skills add Owl-Listener/designer-skills --all -g -y

All Skills in This Repository (106)

Pure Emerald Level Indicators

📦 In Repo

Owl-Listener

responsive-design

Adapt layouts and interactions across breakpoints and input methods.

dark-mode-design

Provide guidelines for accessible dark mode UI design with contrast requirements.

spacing-system

Define a rule-based spacing scale with named steps for UI layouts.

data-visualization

Design accessible data visualizations with chart selection and styling guidelines.

color-system

Generate scalable color systems with tonal scales and AA/AAA contrast mappings.

typography-scale

Create ratio-based typography scales with weight and line-height rules.

visual-hierarchy

Define size, weight, contrast, spacing, and positioning rules for interface hierarchy.

illustration-style

Define a cohesive illustration system with visual language, color rules, and governance.

layout-grid

Define responsive layout grids with columns, breakpoints, and gutters.

version-control-strategy

Define version naming, branching, and changelog workflows for design files.

design-qa-checklist

Verify design implementations against specifications with a structured QA checklist.

team-workflow

Standardizes team collaboration workflows by defining rituals, roles, and escalation procedures.

Community

Advanced

Frequently Asked Questions

FAQPage Schema

How to install designer-skills?▼

Run `npx skills add Owl-Listener/designer-skills --all -g -y` in your terminal to install the full design suite globally.

What can designer-skills help me design?▼

It covers the entire design practice: user research, personas, journey maps, design systems, UI layouts, color and typography systems, interaction patterns, prototypes, and usability testing.

Does designer-skills work with Claude Code and Gemini CLI?▼

Yes. Every skill follows the standard SKILL.md format and runs as a plugin in Claude Code or as an extension in Gemini CLI.

Can non-designers use these design skills?▼

Yes. You describe what you need in plain English, and the AI agent applies expert design frameworks like Gestalt principles, WCAG accessibility rules, and usability heuristics for you.

Can it audit or critique an existing design?▼

Yes. The visual-critique and design-ops plugins review screens for hierarchy, color contrast, typography, affordance, and design debt, then output prioritized fix lists.