designer-skills
A collection of design skills for AI agents, covering research, systems, UI, interaction, and delivery.
- Type
- Agent Skill
- Open source
- Yes
- GitHub Stars
- ★ 1.6k
- Source
- skill-github
- Repository
- github.com/Owl-Listener/designer-skills
Overview
The Designer Skills Collection is a set of design capabilities for AI agents, spanning research, systems, UI, interaction, and delivery. It includes 239 skills and 88 commands across 33 plugins, compatible with Claude Code and Gemini CLI. These skills help AI agents conduct user research, build design systems, develop UX strategies, and design UI and interactions. Easy integration requires no coding—simply add the plugins in Claude Code or Gemini CLI to get started.
Capabilities
- ▪User Research: Creating user personas, empathy maps, journey maps, etc.
- ▪Building and Maintaining Design Systems: Design tokens, components, accessibility, etc.
- ▪Developing UX Strategies: Competitive analysis, design principles, experience mapping, etc.
- ▪UI Design: Layout grids, color systems, typography, etc.
- ▪Interaction Design: Micro-animations, state machines, gesture feedback, etc.
- ▪Prototyping and Testing: Prototyping strategies, usability testing, A/B experiments, etc.
Use cases
Setup
Run the following command in Claude Code: "\plugin marketplace add Owl-Listener/designer-skills", then select and install the required plugins via the Discover tab.
This information was compiled by AI from public sources and may contain inaccuracies — please refer to the source.
FAQ
How to install only specific plugins?
Run the command for the desired plugin in Claude Code, for example: "/plugin marketplace add Owl-Listener/inclusive-design-skills".
Is it supported on Gemini CLI?
Yes, each plugin is also a Gemini CLI extension and can be installed using git clone and cp commands.
Related skills
material-3-skill
Material Design 3 skills, supporting over 30 components, design tokens, themes, and responsive layouts.
xhs-visual-director-skill
Visual director for Xiaohongshu image and text planning, offering multi-page structure and visual solutions.
drawio-skill
Generate draw.io diagrams from natural language, supporting multiple presets and export formats.
ui-ux-pro-max-skill-cn
Professional-grade UI/UX design intelligence for AI coding assistants.
logo-generator-skill
Professional SVG logo generator with multiple design variants and presentation backgrounds.
claude-skill-aso-appstore-screenshots
Generate high-quality App Store screenshots to boost app download rates.