Claude Cowork Plugin
🎨Designer
Build AI-augmented design systems, critique designs, batch iterations, and ship dev-ready handoff specs
The Designer plugin helps you control AI design output instead of just consuming it. Every command works standalone with your input — describe the brand, the screen, or the handoff, and get a structured draft ready for your review.
Use /design-system to capture brand colors, typography, spacing, and components into a complete DESIGN.md ready for Claude Design. Use /design-critique to evaluate a design against WCAG 2.2, brand consistency, and layout principles. Use /design-iterate to plan token-efficient batch experiments with locked layout and variable axes. Use /design-export to generate dev-handoff specs with component inventory, design tokens, interaction states, and redlines.
The plugin's skills activate automatically when relevant: Brand Voice Design — keep visual + verbal tone consistent and resist the generic Claude Design look, plus Accessibility Audit — flag WCAG 2.2 violations (contrast, focus states, keyboard nav, target size) before handoff.
Commands
Click a command to copy it. To run it in the Claude app, type it and pick it from the menu that appears; pasting it sends plain text instead of running it.
/design-systemCapture brand colors, typography, spacing, and component patterns into a complete DESIGN.md ready for Claude Design
/design-critiqueEvaluate a design against accessibility (WCAG 2.2), brand consistency, and layout principles
/design-iteratePlan token-efficient batch iterations: which slots to lock, what to vary, target outputs
/design-exportGenerate dev-handoff specs: component inventory, design tokens, interaction states, redlines
Skills
Skills activate automatically when Claude Cowork detects you're working on relevant tasks — no slash command needed.
Brand Voice Design
Maintain consistent visual + verbal tone across outputs and resist generic Claude Design defaults
Accessibility Audit
WCAG 2.2 contrast, focus states, keyboard nav, screen reader semantics — flagged before handoff
Usage examples
Capture our fintech brand into a DESIGN.md: blue #2563EB, Inter for UI, Fraunces for marketing, 8pt grid, button + input + card + modal components.
Press Enter to copy this example prompt.Critique this checkout: white card on white, primary CTA #6366F1 on #818CF8, 14px body, no focus rings. Flag WCAG, brand drift, layout problems.
Press Enter to copy this example prompt.Plan a batch run: 3 CTA copy options across 2 image treatments, lock the hero layout, target 6 variants for client review.
Press Enter to copy this example prompt.Hand off the dashboard nav component with default/hover/focus/active/disabled states. Generate redlines + interaction spec for the engineer.
Press Enter to copy this example prompt.Install this plugin
Claude desktop app (Cowork)
- Click Customize in the left sidebar, open the Plugins tab, then Add → Add marketplace → Add from a repository.
- Paste
alexclowe/awesome-claude-cowork-pluginsand click Sync. - Under Discover, click Add next to Designer.
Requires a paid Claude plan. Anthropic is merging Cowork into the main Claude app; this path is the same either way.
Claude Code (terminal)
/plugin marketplace add alexclowe/awesome-claude-cowork-plugins/plugin install designer@awesome-claude-cowork-pluginsRun inside Claude Code. Add the marketplace once, then install any plugin by name.
All content generated by this plugin is for drafting and informational purposes only. The designer is responsible for reviewing, verifying, and customizing all outputs before professional use. This plugin does not constitute professional advice.
More plugins
Pharmacist
Review drug interactions, check dosing protocols, and draft patient counseling notes
Physical Therapist
Draft SOAP notes, build exercise programs, and write insurance appeal letters
Dental Hygienist
Document periodontal findings, write insurance narratives, and create patient education materials
Chiropractor
Chart SOAP notes, draft medical necessity letters, and generate practice marketing content