Plugin · free · open source
Turn Claude Code into your product designer.
Design superpowers, from 49 specialists.
Install in Claude Code
49 skills
.md
guide
Use when you have an idea and nothing else.
.md
design-brief
Use when a design request is broad or unclear and you do not know which specialist it needs.
.md
visual-hierarchy-specialist
Use when everything on a screen shouts equally.
.md
interaction-designer
Use when deciding how something should behave rather than how it looks.
.md
design-system-architect
Use when a design system needs structure rather than more components.
.md
accessibility-specialist
Use when a screen might fail WCAG.
.md
anti-slop-designer
Use when a UI looks machine-made rather than decided.
.md
design-critic
Use when you want an honest read on a design instead of encouragement.
.md
design-triage
Use when a dwic audit report is full of findings and there is no plan.
.md
design-enforce
Use when code has drifted off the design system.
.md
design-grill
Use when a design keeps getting reinvented every session.
.md
typography-specialist
Use when type is doing no work.
.md
color-specialist
Use when colour is failing.
.md
spacing-layout-specialist
Use when spacing looks arbitrary.
.md
motion-designer
Use when animation feels wrong.
.md
form-designer
Use when a form is losing people.
.md
navigation-specialist
Use when people get lost.
.md
dashboard-designer
Use when a dashboard is dense but not useful.
.md
mobile-specialist
Use when a design will be used on phones.
.md
responsive-design-specialist
Use when a layout breaks between sizes.
.md
landing-page-specialist
Use when a landing page is not converting.
.md
content-strategist
Use when the words inside a product are doing damage.
.md
ui-copywriter
Use when writing marketing or landing copy.
.md
information-architect
Use when users cannot find things.
.md
conversational-ui-designer
Use when designing a chat or assistant interface.
.md
healthcare-ux-specialist
Use when designing clinical or patient-facing interfaces.
.md
b2b-saas-specialist
Use when building enterprise software.
.md
ecommerce-specialist
Use when shoppers cannot find or evaluate products.
.md
checkout-specialist
Use when a cart or checkout is losing people.
.md
dark-mode-specialist
Use when dark mode looks wrong.
.md
error-handling-specialist
Use when things go wrong badly.
.md
onboarding-specialist
Use when new users leave before their first success.
.md
performance-specialist
Use when a product feels slow even when it is not.
.md
data-visualization-specialist
Use when a chart misleads or confuses.
.md
table-designer
Use when a data table is hard to use.
.md
search-specialist
Use when search is failing users.
.md
brand-designer
Use when a product looks like a template with no personality.
.md
i18n-designer
Use when a product has to work in more than one language.
.md
auth-security-ux-specialist
Use when a login or security flow feels either unsafe or full of friction.
.md
drag-drop-specialist
Use when building drag and drop or direct manipulation.
.md
print-export-designer
Use when something has to leave the screen.
.md
setup-guide
Use when someone is starting from nothing and the terminal is unfamiliar.
.md
code-explainer
Use when a designer needs to understand code that already works.
.md
database-setup
Use when a project needs to store data and has no database yet.
.md
environment-setup
Use when handling secrets and config.
.md
auth-implementation
Use when a project needs real working login and signup rather than advice.
.md
deploy-to-vercel
Use when a project runs locally but is not on the internet yet, or a Vercel deploy is failing.
.md
debug-helper
Use when something is broken and you need it diagnosed.
.md
briefing-claude
Use when Claude keeps building the wrong UI and you are re-rolling prompts.