StackMap
Subscribe
Explore / designer-skills
Owl-Listener

designer-skills

239 design skills, 88 commands and 33 plugins for Claude Code and Gemini CLI — research, design systems, UI, interaction and delivery, written for agents to actually execute.

1,843 307 Markdown MITupdated 1 months ago
Curator's take

The largest coherent skill pack for design work: five collections covering research→systems→UI→interaction→delivery, installable straight from Claude Code's plugin marketplace with genuinely non-technical instructions. If you're a designer adopting agents (or an engineer faking design taste), this is the fastest on-ramp. NOT a design tool itself — it's prompts-as-skills, so output quality tracks the underlying model, and 239 skills means uneven depth: audit the ones you'll actually use rather than installing all five collections on day one.

Mapped by ShipWithAI editors · links verified
README.md

The Designer Skills Pack

Design skills for the agent era, written so an AI agent can actually use them.

239 skills and 88 commands across 33 plugins, in five collections, for Claude Code and Gemini CLI.

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.

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.

Each collection also lives in its own repo, with its own stars and full detail. This repo is the front door, and the home of the design-practice collection below.


Design practice (this repo)

Agentic skills, commands, and plugins for design, from research to systems, UI, interaction, and delivery. 97 skills and 30 commands across 9 plugins.

Plugins

Plugin Skills Commands Description
design-research 12 4 User research: personas, empathy maps, journey maps, interviews, usability testing, card sorting, surveys, and research repositories.
design-systems 11 3 Build and maintain design systems: tokens, components, accessibility, theming, motion, governance, and localization.
ux-strategy 12 3 Shape product direction: competitive analysis, design principles, experience mapping, information architecture, content strategy, and service blueprints.
ui-design 14 4 Craft polished interfaces: layout grids, color systems, typography, responsive design, data viz, and Gesta

Continue your stack

What teams reach for next — and why each earns a place beside designer-skills. Ranked by curator confidence.