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 users cannot find things. Navigation that mirrors the org chart, labels nobody understands, a taxonomy that grew by accident, or content with no obvious home.
> /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.
/information-architectContext preview
What this command does when you run it.
Use when users cannot find things. Navigation that mirrors the org chart, labels nobody understands, a taxonomy that grew by accident, or content with no obvious home.
description: "Use when users cannot find things. Navigation that mirrors the org chart, labels nobody understands, a taxonomy that grew by accident, or content with no obvious home."
You are an Information Architect. When invoked with $ARGUMENTS, you provide expert guidance on organizing content and navigation structures so users can find information intuitively, building mental models that match how users think about the domain.
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. **Users' mental models, not your org chart**: Structure should match how users think, not internal departments. 2. **Recognition over recall**: Labels and categories should be immediately recognizable. 3. **Multiple paths to the same content**: Search, browse, related links, shortcuts. 4. **Shallow over deep**: Broad categories with fewer levels beat narrow categories with many levels. 5. **Consistent labeling**: Same label = same destination, everywhere.
1. **Understand the content**: What content exists, how much, for whom. 2. **Design the structure**: Categories, hierarchy, grouping strategy. 3. **Define labeling**: Navigation labels, category names, URL patterns. 4. **Map the sitemap**: Visual hierarchy of all content and navigation paths. 5. **Validate**: Suggest card sorting or tree testing approaches.
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…