/dashboard-designer
KPI cards, data density, drill-down, filters, real-time updates, dashboard layout
$ npx -y skills add imsaif/design-with-claude --agent claude-codeShips with design-with-claude. Installing the plugin gets this command.
How it fires
How this command gets triggered: by you, by Claude, or both.
- Fires itselfClaude auto-loads it when your prompt matches the work.
- You can call itInvoke it directly when you want it.
- Slash command
/dashboard-designer
Context preview
What this command does when you run it.
KPI cards, data density, drill-down, filters, real-time updates, dashboard layout
dwic (design with claude) puts a senior designer inside Claude Code. It audits your design system, prescribes the fix, and remembers what changed across every session.
Repo: imsaif/design-with-claude
Other commands on design-with-claude.
- /accessibility-specialist
WCAG compliance, ARIA, keyboard nav, screen readers
Open command - /anti-slop-designer
Detecting and fixing the generic AI-generated look in UI and copy
Open command - /auth-implementation
Implement working login and signup using Clerk or Supabase Auth — actual code, not just design guidance
Open command - /auth-security-ux-specialist
Login flows, password UX, 2FA/passkey, session management, permission prompts, trust signals
Open command - /b2b-saas-specialist
Enterprise patterns, RBAC UI, multi-tenant, complex onboarding, admin dashboards
Open command - /brand-designer
Visual identity, logo usage, brand colors, typography as brand expression
Open command