Repolode
Submit
Owl-Listener

Owl-Listener/designer-skills

A collection of 273 agent-ready design skills and 76 slash commands for Claude Code and Gemini CLI, covering research, systems, UI, interaction and delivery.

View on GitHub
Stars
2,997
Forks
413
Open issues
3
Last commit
2 months ago

What is it?

Designer Skills Pack is a set of design knowledge packaged as skills and slash commands that an AI coding agent can load and apply. Skills describe a design topic such as building personas, defining design tokens, or writing non-leading interview questions, while commands chain several skills into a complete deliverable such as a discovery cycle, a usability study plan, or a developer handoff package.

The design-practice collection in this repository is organised into nine plugins: design-research, design-systems, ux-strategy, ui-design, interaction-design, prototyping-testing, design-ops, designer-toolkit and visual-critique. Four further collections, covering AI product design, UX program management, design leadership and inclusive design, are hosted in separate repositories and installed through the same marketplace.

Installation runs through Claude Code's plugin marketplace command, after which individual plugins can be selected from the Discover tab. Each plugin also ships as a Gemini CLI extension. A /start-here command routes users to the stage of work they are in.

Key features

  • 01Covers the full design cycle from user research to systems, UI, interaction and delivery.
  • 02Provides 76 slash commands that chain multiple skills into finished deliverables.
  • 03Works with Claude Code plugin marketplace and as Gemini CLI extensions.
  • 04Includes a /start-here router that suggests where to begin.
  • 05Lets users install individual plugins rather than the whole suite.

Use cases

  • Running a discovery cycle with personas, empathy maps and journey maps for a new product.
  • Auditing an existing screen for hierarchy and typography problems before redesigning.
  • Preparing a developer handoff package with specs, states and a QA checklist.
  • Drafting a usability test plan or interview script for user research.

Quick start

  1. 1

    Get Claude Code from claude.com and sign in

  2. 2

    Add the skills marketplace in Claude Code

    /plugin marketplace add Owl-Listener/designer-skills
  3. 3

    Type /plugin, open the Discover tab, and install the collections you want

  4. 4

    Install a single plugin by name, for example ux-strategy

    /plugin install ux-strategy@designer-skills

Things to know

  • The skills run inside an AI coding assistant such as Claude Code or Gemini CLI, so you need one of those.

Topics

#agentic-ai#claude-code#design-system#ux-design#prompt-engineering#ui-design#user-research#agentic#ai#ai-tools

FAQ

What is designer-skills?
A collection of 273 agent-ready design skills and 76 slash commands for Claude Code and Gemini CLI, covering research, systems, UI, interaction and delivery. Designer Skills Pack is a set of design knowledge packaged as skills and slash commands that an AI coding agent can load and apply. Skills describe a design topic such as building personas, defining design tokens, or writing non-leading interview questions, while commands chain several skills into a complete deliverable such as a discovery cycle, a usability study plan, or a developer handoff package.
Is designer-skills free to use? What license does it have?
designer-skills is open source under the MIT license. Check the license terms before using it in commercial products.
Is designer-skills still maintained?
Updated within 6 months. The last commit to designer-skills was on Sep 5, 2026.
What can I use designer-skills for?
Running a discovery cycle with personas, empathy maps and journey maps for a new product. Auditing an existing screen for hierarchy and typography problems before redesigning. Preparing a developer handoff package with specs, states and a QA checklist. Drafting a usability test plan or interview script for user research.
How do I install designer-skills?
Get Claude Code from claude.com and sign in Add the skills marketplace in Claude Code: /plugin marketplace add Owl-Listener/designer-skills Type /plugin, open the Discover tab, and install the collections you want Install a single plugin by name, for example ux-strategy: /plugin install ux-strategy@designer-skills
Where can I get designer-skills?
The source code and installation instructions are on GitHub: https://github.com/Owl-Listener/designer-skills

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects