designer-skills-collection

Install AI design plugins for research, design systems, and UI deliverables.

3|Updated May 16, 2026
One-click install
npx skills add https://github.com/Aradotso/design-skills --skill designer-skills-collection
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: designer-skills-collection
Source: https://github.com/Aradotso/design-skills/tree/main/skills/designer-skills-collection
Command: npx skills add https://github.com/Aradotso/design-skills --skill designer-skills-collection

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves the problem of not having a structured, ready-to-use set of AI-assisted design workflows for research, systems, UI, interaction, and delivery.

Core Features & Use Cases

  • Design-research workflows: persona and journey map development, interview planning, usability testing, and insight synthesis for turning ambiguity into user-focused requirements.
  • Design-systems acceleration: tokenization, component specification scaffolding, and system audits to keep UI consistent and accessible across products.
  • End-to-end UX/UI execution: UX strategy framing, screen and palette/type system generation, interaction state modeling, prototyping/testing planning, and design-ops handoff artifacts.

Quick Start

Add the marketplace, then install the specific plugins you need (e.g., design-research and ui-design) and run the first workflow command you care about such as /design-research:discover.

Frequently Asked Questions about designer-skills-collection

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a structured design system workflow for product and engineering teams?

You can establish a structured design system workflow by installing AI design plugins that handle tokenization, component specification scaffolding, and system audits to keep UI consistent across products.

What is the best way to integrate UX strategy and interaction design into product development?

Integrating UX strategy involves running packaged workflow commands for UX strategy framing, interaction state modeling, and prototyping/testing planning directly within your AI agent environment.

Can I use these design ops commands with Gemini extensions or do I need Claude Code?

You can use either platform; install the Owl-Listener marketplace plugin for Claude Code or copy the Gemini extension directories (.gemini/extensions) so the agent can access the packaged skills.

How do I start a design research workflow for usability testing and persona development?

Start design research by installing the design-research plugin and running a workflow command like /design-research:discover to plan interviews, develop journey maps, and synthesize insights.

Does this design skills collection support end-to-end UI design and visual critique?

Yes, the collection supports end-to-end UI execution by generating screen, palette, and type systems, modeling interaction states, and producing design-ops handoff artifacts and visual critique outputs.