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
/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 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.
Critique this checkout: white card on white, primary CTA #6366F1 on #818CF8, 14px body, no focus rings. Flag WCAG, brand drift, layout problems.
Plan a batch run: 3 CTA copy options across 2 image treatments, lock the hero layout, target 6 variants for client review.
Hand off the dashboard nav component with default/hover/focus/active/disabled states. Generate redlines + interaction spec for the engineer.
Install this plugin
/plugin install designer@alexclowe/awesome-claude-cowork-pluginsRun this command in Claude Cowork to install. Requires a paid Claude plan (Pro, Max, Team, or Enterprise).
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
Recommended tools for your workflow
AI Agent Store
Free to browseDirectory of AI agents and tools across categories — discover, compare, and adopt agents built for your workflow.
Some links on this page are affiliate links. We may earn a commission if you purchase — at no extra cost to you. We only recommend tools we believe in for your profession.