Plugin · free · open source
Turn Claude Code into your product designer.
Design superpowers, from 48 specialists.
Install in Claude Code
48 skills
.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.