Designer Skills
Designer Skills Collection: agentic skills, commands, and plugins for design — from research to systems, UI, interaction, and delivery.
Install
/plugin marketplace add Owl-Listener/designer-skillsInstall command taken from the project's README or registry entry. Always review code before running it.
README excerpt
Read full README on GitHub →The Designer Skills Pack
Design skills for the agent era, written so an AI agent can actually use them.
273 skills and 76 commands across 33 plugins, in five collections, for Claude Code and Gemini CLI.
Not sure which skill you need? Start with the skill index — every skill in this repo arranged by the situation you're in, plus the pairs most often mistaken for each other.
Getting started (no coding needed)
These skills run inside an AI coding assistant. The easiest place to use them is Claude Code, and it takes three steps. No terminal required.
1. Get Claude Code. It's a free app from Anthropic (claude.com). Download it, sign in, and open it. You only do this once.
2. Add the suite. In Claude Code, type this and press enter:
/plugin marketplace add Owl-Listener/designer-skills
This just tells Claude where the skills live. Nothing installs yet.
3. Pick what you want. Type /plugin and press enter, then open the Discover tab. You'll see all the collections. Move with the arrow keys, press space to tick the ones you want, and enter to install. That's it.
4. Don't know which skill you need? Type /designer-toolkit:start-here and say what you're working on. It names the stage you're at, gives you one command to run now and the two that follow it, and tells you what you can skip. Use it whenever you're unsure where a piece of work begins.
I only want the design skills, not everything
Same three steps. On the Discover list in step 3, just tick the design ones, design-research, design-systems, ui-design, interaction-design, and so on, and leave the rest. Install as few or as many as you like, and come back for more any time.
I only want one specific collection
Each collection also has its own door. Swap the command in step 2 for the one you want, for example:
/plugin marketplace add Owl-Listener/inclusive-design-skills
Then do step 3 the same way.
Prefer Gemini CLI?
Each plugin is also a Gemini CLI extension. From your project root:
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/
The five collections
| Collection | Plugins | What it covers |
|---|---|---|
| Design practice (this repo) | 9 | Research, systems, UX strategy, UI, interaction, prototyping & testing, design ops, the designer's toolkit, visual critique. |
| AI product design | 6 | Designing agentic experiences: model interaction, alignment reasoning, system behaviour, evaluation, agent orchestration, prompt architecture. |
| UX program management | 6 | Running design programs: planning, stakeholder comms, delivery, alignment, measurement, process design. |
| Design leadership | 6 | Leading design: people, teams, strategy, org influence, operating cadence, leadership craft. |
| Inclusive design | 6 | Accessible by default: cognitive accessibility, inclusive interaction, accessible content, inclusive personas, adaptive interfaces, accessibility decisions. |
Similar plugs
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
Turn any codebase, with its docs, SQL schemas, configs, and PDFs, into a queryable knowledge graph. A /graphify skill for Claude Code, Cursor, Codex, and Gemini CLI: local…
Why use many token when few token do trick. Viral skill + proxy for coding agents that cuts 65% of tokens by talking like a caveman.
Production-grade engineering skills for AI coding agents.