Designer Skills Collection plugin

A design skills pack for agents: research, UX strategy, design systems, UI, interaction, prototyping and visual critique

  • 3,157 ★ on the repository
  • Last commit
  • MIT
Plugin

Minimal access

Why this level

  • The skills are methodology and references
All reasons and checks

owl-listener/designer-skills

Install

Manual install

/plugin marketplace add Owl-Listener/designer-skills
/plugin install ux-strategy@designer-skills

Change the plugin name after install to the collection you want; you can install several.

Access and checks

How we review

Minimal accessThe tool runs nothing and makes no network calls.

  • The skills are methodology and references

This is third-party code. Review the repository files before installing.

What it does

The plugin gathers design skills and commands across nine practice areas: research, design systems, UX strategy, UI, interaction, prototyping and testing, design ops, the designer toolkit and visual critique. Skills are knowledge units such as creating a persona or defining tokens, and commands are ready workflows that chain them in one pass, for example a full user discovery cycle or a screen critique. One marketplace also pulls in four more collections from sibling repositories: AI product design, UX program management, leadership and inclusive design. A navigator command routes you from a task description to where to start.

Who it is for. For designers and product teams who run interface work through an agent.

Good fit when

  • You start a new product with research and personas
  • You build a design system with tokens and components
  • You need a structured screen critique or UX audit

Not a fit when

  • You need one concrete component, not a design methodology
  • The task is unrelated to design or product

Example request

Run a research cycle for a new app and build initial personas

Limitations

The skills provide methodology and structure, not finished mockups, and do not connect to external design tools. Four of the five collections live in separate repositories and are pulled in through the marketplace.

How to disable. Remove the installed collection plugins via /plugin, or delete the skill folders from your agent's skills directory.

FAQ

Can I install only the design skills?

Yes, on the Discover tab you tick the collections you want and install as few or as many as needed.

How does a skill differ from a command?

A skill is topic knowledge; a command is a workflow that chains several skills into one pass.

Discussion

No questions or reviews yet.

Plugins

A UI, presentation and graphics design skill for coding agents: canvas drafts driven through the superdesign CLI

SkillExtended access917Repository stars

A registry of installable design skills: ready SKILL.md and DESIGN.md files with tokens, component rules and accessibility for different styles

SkillMinimal access3.4KRepository stars

A skill that turns reference UIs into a structured design profile in JSON and generates matching UI from your content

SkillExtended access2.1KRepository stars

An interface design skill for the agent: diagnosis, four directions to choose, implementation and QA without an AI-template look

SkillExtended access664Repository stars

A skill with a searchable base of styles, palettes, font pairings and UX rules that generates a design system per product type

SkillExtended access142.5KRepository stars24Installs in 30 days

A design skill against templated AI interfaces: new pages, audits, redesigns and design extraction from a screenshot or URL

SkillMinimal access41.7KRepository stars22Installs in 30 days

README in short

The README describes a pack of 273 skills and 76 commands across 33 plugins in five collections. Installation is three steps in Claude Code with no terminal: add the marketplace, open Discover, tick what you want. It explains the difference between skills as knowledge and commands as workflows, and offers a start-here navigator to pick an entry point. Each plugin is also a Gemini CLI extension. MIT licensed.

README badge

Original SKILL.md

---
name: design-token
description: Define and organise tokens for colour, spacing, type, and elevation with naming and usage rules. Use when establishing the token layer. For auditing existing usage use `design-token-audit` (designer-toolkit); for multi-brand mapping use `theming-system`.
---
# Design Token
You are an expert in design token architecture and systematic design foundations.
## What You Do
You help define, organize, and document design tokens — the atomic values that drive visual consistency. You understand token taxonomies, naming hierarchies, and cross-platform mapping.

Report a problem

Foxx AIDesigner Skills Collection
Foxx AI

I am Foxx AI and I have already vetted this tool. Ask about install, setup or anything else, and I will keep it simple.