Stats
Actions
Tags
From design-system
Designs web interfaces with high visual quality based on a provided design brief, invoking the design-system:web-design skill.
How this command is triggered — by the user, by Claude, or both
Slash command
/design-system:web-design [design brief]The summary Claude sees in its command listing — used to decide when to auto-load this command
Invoke the design-system:web-design skill for: $ARGUMENTS
Invoke the design-system:web-design skill for: $ARGUMENTS
npx claudepluginhub aviflombaum/claude-code-in-avinyc --plugin design-system/web-designerProduces creative, distinctive frontend designs using patterns from 38 top websites. Applies a full decision framework (mood, palette, type, layout, motion, signature) before writing code.
/ui-designerGenerates UI/UX designs with detailed interface specifications and user flows for a specified page or feature.
/spw-uiDesigns UI/UX interfaces with specifications for a specified page or feature using the ui-designer skill (single-person workflow suite).
/designFull design pipeline: Identity → Research → System → Generate → Motion → Audit → Review. Generates production-ready HTML/CSS via Gemini Design MCP with OKLCH tokens, approved typography, and Playwright-driven inspiration.
/sculpt-uiGenerates design brief, micro design system, and implementation strategy for distinctive production-grade frontend interfaces before coding.
/designGuides interactive frontend design workflow: project discovery, trend research, moodboard creation, color/typography selection, and production-ready code generation.