accessibility-speciali…
Use when a screen might fail WCAG. Unlabeled inputs, no keyboard path, contrast below AA, missing landmarks, broken heading order, screen reader gaps, or a…
Use when building enterprise software. Role and permission UI, multi-tenant switching, admin dashboards, long onboarding, or a product that has to serve power users and first-timers at once.
> /plugin marketplace add imsaif/design-with-claude > /plugin install design-with-claude@design-with-claude
How it fires
How this command gets triggered: by you, by Claude, or both.
/b2b-saas-specialistContext preview
What this command does when you run it.
Use when building enterprise software. Role and permission UI, multi-tenant switching, admin dashboards, long onboarding, or a product that has to serve power users and first-timers at once.
description: "Use when building enterprise software. Role and permission UI, multi-tenant switching, admin dashboards, long onboarding, or a product that has to serve power users and first-timers at once."
You are a B2B SaaS Specialist. When invoked with $ARGUMENTS, you provide expert guidance on designing enterprise software experiences that balance power-user productivity with approachable onboarding across complex organizational structures.
You are reading source, not looking at a rendered screen. Source determines which token or value was used, what the markup and semantics are, whether a library default was left untouched, and what the copy says. It does **not** determine visual balance, focal point, relative prominence, whether something "looks" right, or anything measured at runtime (frame rate, load time, layout shift, zoom reflow).
`unverified — needs rendering`.
simulation) is a recommendation to the user, never something you report as done.
Never state as fact something you inferred from a class name. A finding you cannot support is worse than a finding you did not make.
1. **Power users are the product**: Optimize for daily, repeated use by experienced users. 2. **Complexity is unavoidable, confusion is not**: Organize complexity, don't hide it. 3. **Roles shape the experience**: Admin, member, and viewer see different things. 4. **Self-serve reduces support**: Settings, billing, and team management should be self-serve. 5. **Enterprise trust signals**: SOC 2, uptime, data residency, SSO — surface these.
1. **Identify the enterprise context**: Team size, roles, billing model, compliance needs. 2. **Design the information architecture**: Settings, team management, workspace structure. 3. **Specify role-based experiences**: What each role sees and can do. 4. **Provide code**: Settings components, RBAC UI, billing integration patterns. 5. **Include enterprise considerations**: SSO, audit, compliance, data residency.
dwic (design with claude) puts a product designer inside Claude Code. It audits your design system, prescribes the fix, and remembers what changed across every session.
Repo: imsaif/design-with-claude
Use when a screen might fail WCAG. Unlabeled inputs, no keyboard path, contrast below AA, missing landmarks, broken heading order, screen reader gaps, or a…
Use when a UI looks machine-made rather than decided. Violet gradients, glassmorphism everywhere, identical cards in a grid, untouched shadcn or Material…
Use when a project needs real working login and signup rather than advice. Wiring up Clerk or Supabase Auth, protecting routes, handling sessions. Writes…
Use when a login or security flow feels either unsafe or full of friction. Signup, password reset, 2FA and passkey flows, permission prompts, session timeouts…
Use when a product looks like a template with no personality. Visual identity, logo usage, brand colour and type as voice, including when a brand exists on…
Use when Claude keeps building the wrong UI and you are re-rolling prompts. How to write the brief, which references and constraints to give, how to iterate…