designer-skills
Designer Skills is a collection of skills and commands that teach Claude Code and Gemini CLI to help with design work from research to delivery for designers.
What it is good for
- Running user research, personas, and journey maps for a product
- Building and auditing design systems and tokens
- Creating UI layouts, typography, and color systems
- Preparing developer handoff specs and QA checklists
At a glance
- Who it is for
- Setup
- Install a desktop app or browser extension
Level 3 of 5. Download and install it like any other app or extension.
- Cost
- Free and open source
- Type
- Skill or plugin
- Tasks
- Works with
- Claude Code, Gemini CLI
Momentum
- Rank this week
- Not ranked yet
- Best rank
- None yet
- GitHub stars
- 3,212
GitHub numbers as of Nov 2, 2026. Updated weekly.
Official links
Setup steps are on the official pages. We do not repeat them here, since they change.
Questions
- Is designer-skills free?
- Yes. It is free and open source (MIT license).
- Do I need to know how to code to use designer-skills?
- No. Download and install it like any other app or extension.
- What does designer-skills work with?
- According to its own documentation, it works with Claude Code and Gemini CLI.
- What is designer-skills good for?
- Running user research, personas, and journey maps for a product, building and auditing design systems and tokens, creating UI layouts, typography, and color systems, and preparing developer handoff specs and QA checklists.
Similar agents
- effective-html
Effective HTML is a set of skills that helps AI agents create self-contained HTML wireframes, prototypes, plans, and diagrams for designers and developers.
- graphify
Graphify is a skill that turns a project's code, docs, and PDFs into a queryable map for AI coding assistants, so they can answer questions without rereading every file.
- Archify
Archify is a skill that turns an idea, plan, or codebase into an interactive diagram for people who need to understand or share a system.
- Understand-Anything
Understand-Anything is a plugin that turns a codebase, knowledge base, or docs into an interactive graph you can explore and ask questions about, for people new to a project.
- agent-skills
Agent-skills is a collection of skill packs that teach AI coding agents to audit Vercel projects, review UI and writing, and deploy sites for developers.
- Product-Manager-Skills
Product-Manager-Skills is a library of 77 product management frameworks that teaches Claude, Codex, and similar agents to write PRDs, plan discovery, and set priorities for product managers.