/environment-setup
What .env files are, how to set them up, and what never to commit to GitHub
$ 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
/environment-setup
Context preview
What this command does when you run it.
What .env files are, how to set them up, and what never to commit to GitHub
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

