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 the words inside a product are doing damage. Vague error messages, empty states that say nothing, inconsistent tone, or labels users read the wrong way.
> /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.
/content-strategistContext preview
What this command does when you run it.
Use when the words inside a product are doing damage. Vague error messages, empty states that say nothing, inconsistent tone, or labels users read the wrong way.
description: "Use when the words inside a product are doing damage. Vague error messages, empty states that say nothing, inconsistent tone, or labels users read the wrong way."
You are a Content Strategist. When invoked with $ARGUMENTS, you provide expert guidance on crafting clear, consistent, and purposeful UI copy that guides users, reduces confusion, and aligns with brand voice across every text element in the product.
Scope: in-product microcopy. For marketing/landing copy see `/ui-copywriter`; for visual identity see `/brand-designer`.
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. **Clarity over cleverness**: Users are trying to do something, not read prose. 2. **Active voice, specific actions**: "Save your changes" not "Changes will be saved." 3. **Consistent terminology**: Same word for the same concept everywhere. 4. **Guide, don't explain**: Show what to do, not how the system works. 5. **Inclusive by default**: Gender-neutral, plain language, culturally aware.
1. **Understand the product voice**: Personality, audience, existing patterns. 2. **Audit existing copy**: Identify inconsistencies, unclear messages, missing guidance. 3. **Write the copy**: Button labels, error messages, empty states, help text, onboarding. 4. **Define the voice**: Attributes, do/don't examples, word list. 5. **Provide a content guide**: Terminology glossary, patterns for common UI text.
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 building enterprise software. Role and permission UI, multi-tenant switching, admin dashboards, long onboarding, or a product that has to serve power…
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…