designer-skills
Designer Skills Collection: agentic skills, commands, and plugins for design — from research to systems, UI, interaction, and delivery.
Designer Skills is a comprehensive Claude Code plugin collection delivering 241 agentic design skills and 91 commands across 33 plugins, organized into five focus areas: design practice, AI product design, UX program management, design leadership, and inclusive design. The suite teaches AI agents how to perform professional design tasks—from user research and design systems to UI design, interaction design, and design operations—by encoding expert judgment and workflows into machine-readable skills. Compatible with both Claude Code and Gemini CLI, it enables designers to produce deliverables like personas, design tokens, usability test plans, and developer handoff packages through natural conversation with AI assistants.
Key Features
Use Cases
- 01Run complete user research cycles with personas, empathy mapping, and journey maps for new product initiatives
- 02Build and audit design systems including tokens, components, theming, and accessibility governance
- 03Generate developer-ready handoff packages with specs, measurements, assets, and QA checklists
- 04Design complex interaction flows with state machines, micro-animations, and error handling
- 05Create comprehensive usability test plans with research questions, participant criteria, and facilitation guides
- 06Audit existing products for visual hierarchy, platform compliance, and responsive behavior across breakpoints
Related Plugins
View moreandrej-karpathy-skills
A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.
claude-mem
Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More
Understand-Anything
Graphs that teach > graphs that impress. Turn any code into an interactive knowledge graph you can explore, search, and ask questions about. Works with Claude Code, Codex, Cursor, Copilot, Gemini CLI, and more.
rtk
CLI proxy that reduces LLM token consumption by 60-90% on common dev commands. Single Rust binary, zero dependencies
designer-skills — FAQ
What is Designer Skills and what does it do?+
Designer Skills is a Claude Code plugin suite that provides 241 design-specific skills across 33 plugins, enabling AI assistants to perform professional design tasks like user research, UI design, design systems work, and design operations. It encodes expert design judgment into machine-readable workflows so AI can produce deliverables like personas, component specs, and handoff documentation.
How do I install Designer Skills in Claude Code?+
In Claude Code, type '/plugin marketplace add Owl-Listener/designer-skills' and press enter. Then type '/plugin' and open the Discover tab to select which collections you want to install (use arrow keys to navigate, space to select, enter to confirm). No coding or terminal access required.
Which AI clients work with Designer Skills?+
Designer Skills works with Claude Code (Anthropic's desktop app) and Gemini CLI. Each plugin is designed for both platforms with separate installation paths documented in the README.
Do I need API keys or paid accounts to use Designer Skills?+
You need a Claude Code account (free from claude.com) to use the plugins with Claude Code. The plugins themselves are open source and free to use under the MIT license.
Can I install only specific design plugins instead of the full suite?+
Yes, the suite is fully modular. You can install individual collections (like just inclusive-design-skills) or select specific plugins (like only ui-design or design-systems) from the Discover tab during installation. Installing more plugins doesn't slow performance.
What's the difference between skills and commands in Designer Skills?+
Skills are domain knowledge units that teach the AI about specific design topics (like how to create personas or define tokens). Commands are complete workflows that chain multiple skills together to accomplish full jobs, like '/design-research:discover' which runs personas, empathy maps, and journey maps in sequence.
How do I install designer-skills?+
Open the source repository on GitHub and follow its README. designer-skills is a plugin — MCP Agents Market links you directly to the official repo.
Is designer-skills free?+
designer-skills is an open-source project hosted on GitHub. Check the repository for its license and any usage requirements.