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