design-with-claude
A Claude Code skill that gives design work a product designer's eye: it audits a codebase for design-system gaps, flags WCAG contrast and unlabeled inputs, and suggests type scale and spacing fixes.
1 skill11
@imsaif- 11Stars earned
- 1Plugin
- 1Skill
- 49Commands
Plugins
1@imsaifSkill
1design-with-claude
Use when design work needs a product designer's eye: auditing a codebase for design-system gaps, fixing WCAG contrast and…
@imsaifCommands
49accessibility-speciali…
CommandUse when a screen might fail WCAG. Unlabeled inputs, no keyboard path, contrast below AA, missing landmarks, broken heading…
@imsaifanti-slop-designer
CommandUse when a UI looks machine-made rather than decided. Violet gradients, glassmorphism everywhere, identical cards in a grid,…
@imsaifauth-implementation
CommandUse when a project needs real working login and signup rather than advice. Wiring up Clerk or Supabase Auth, protecting routes,…
@imsaifauth-security-ux-speci…
CommandUse when a login or security flow feels either unsafe or full of friction. Signup, password reset, 2FA and passkey flows,…
@imsaifb2b-saas-specialist
CommandUse when building enterprise software. Role and permission UI, multi-tenant switching, admin dashboards, long onboarding, or a…
@imsaifbrand-designer
CommandUse when a product looks like a template with no personality. Visual identity, logo usage, brand colour and type as voice,…
@imsaifbriefing-claude
CommandUse when Claude keeps building the wrong UI and you are re-rolling prompts. How to write the brief, which references and…
@imsaifcheckout-specialist
CommandUse when a cart or checkout is losing people. Abandoned carts, long payment forms, forced account creation, shipping cost…
@imsaifcode-explainer
CommandUse when a designer needs to understand code that already works. What a file does, what a line means, which parts are safe to…
@imsaifcolor-specialist
CommandUse when colour is failing. Contrast below AA, a palette with no system behind it, dark mode that is only inverted light mode, or…
@imsaifcontent-strategist
CommandUse when the words inside a product are doing damage. Vague error messages, empty states that say nothing, inconsistent tone, or…
@imsaifconversational-ui-desi…
CommandUse when designing a chat or assistant interface. Message layout, bot personality, streaming and typing states, rich message…
@imsaifIs this you? Claim your profilePut a plugin at the top of Plugins, from $9