Owl-Listener/designer-skills

Designer Skills Collection: agentic skills, commands, and plugins for design — from research to systems, UI, interaction, and delivery.

Owl‑Listener / designer‑skills – Design‑practice plugins for AI coding assistants

What it is

  • A collection of plugins that expose 273 design‑related “skills” (knowledge units) and 76 “commands” (ready‑made workflows) to AI agents such as Claude Code and the Gemini CLI.
  • The repository hosts the Design practice collection (9 plugins covering research, strategy, UI, interaction, design systems, prototyping, ops, a toolkit, and visual critique). Four companion collections live in separate repos (AI product design, UX program management, design leadership, inclusive design) and can be added the same way.

Why it matters

  • Modern AI agents can execute code but they lack the nuanced, step‑by‑step design knowledge that human designers use. This repo codifies that knowledge into discrete, machine‑readable “skills” and bundles them into commands that an agent can invoke directly.
  • By installing the plugins, an AI assistant can run a full design workflow (e.g., run a user‑research discovery cycle, generate a colour palette, audit a design system, produce a hand‑off package) without the user having to write the underlying prompts or scripts.

How to get started (no coding required)

  1. Install Claude Code (free app from Anthropic). Open it and sign in.
  2. In Claude Code type:
    /plugin marketplace add Owl-Listener/designer-skills
    
    – this registers the repository as a plugin source.
  3. Press /plugin, open the Discover tab, tick the collections you want (e.g., design-research, ui-design), and hit Enter to install.
  4. Run a command, for example:
    /design-research:discover
    
    – Claude will ask for the product description and then output personas, empathy maps, and a journey map.

Using with Gemini CLI

git clone https://github.com/Owl-Listener/designer-skills /tmp/designer-skills
mkdir -p .gemini/extensions
cp -r /tmp/designer-skills/.gemini/extensions/. .gemini/extensions/

After that the same /plugin … commands work from the Gemini CLI.

Key plugins & example commands

Plugin Core focus Example command
design-research User research methods /design-research:discover – runs persona, empathy map, journey map
ux-strategy Product‑level strategy /ux-strategy:frame-problem – structures a vague design challenge
ui-design Visual UI creation /ui-design:color-palette – builds a full colour system
interaction-design Interaction flows /interaction-design:design-onboarding – designs a first‑run experience
design-systems System libraries /design-systems:create-component – scaffolds a component spec
design-ops Delivery & hand‑off /design-ops:handoff – produces a developer‑ready package
designer-toolkit Supporting artefacts /designer-toolkit:start-here – routes you to the next useful command
visual-critique Visual audit /visual-critique:critique-screen – returns a prioritized fix list
prototyping-testing Validation /prototyping-testing:experiment – defines an A/B test

Typical usage paths

  • New product → design-research:discover → ux-strategy:frame-problem → ui-design:design-screen → interaction-design:design-interaction → design-systems:create-component → design-ops:handoff.
  • Existing product audit → visual-critique:critique-screen → prototyping-testing:evaluate → design-ops:handoff.
  • Specific deliverable (e.g., colour palette) → install only ui-design and run /ui-design:color-palette.

Who should use it

  • Designers who want to leverage Claude Code or Gemini CLI to automate repetitive design tasks.
  • Product teams building AI‑augmented design workflows.
  • Anyone building higher‑level agents that need built‑in design knowledge.

Contribution & community

  • All nine plugins live in this repo; contributions are accepted via pull requests that modify the skill definitions or plugin manifests.
  • Companion collections are maintained in their own repositories; contributions there follow the same process.
  • Issues are the preferred way to report bugs or request new skills.

License

  • MIT – free to use, modify, and redistribute.

The repository is a genuine, functional set of AI‑agent‑ready design plugins, not a simple curated list or tutorial.

Related

  • Project
  • Project
  • Project
  • Project
  • Project