vue-ssr-design

What problem does it solve?

It prevents design and implementation from getting tangled by coordinating when to delegate visual work to a design agent versus handling it directly, keeping responsibilities clear in the Vue SSR starter kit.

Core Features & Use Cases

• Delegation routing for UI changes: Decide when visual output, layout, theming, and responsive polish require the design agent versus inline tweaks.
• Clear division of concerns: Maintain boundaries between design coordination and the dedicated skill families (design-ux, design-scss, vuetify-*), avoiding cross-layer responsibility leaks.
• Design-first feature workflow: Use a repeatable flow (design direction → design execution → parallel logic/i18n work → merge → validation) to reduce rework and visual debt.
• Design principles as guardrails: Enforce starter-kit rules like clean/minimal structure, token-driven styling, responsive defaults, accessibility-first, and dark-mode readiness.
• Mixed-task splitting: Produce a reliable handoff plan when a request includes both visual structure and Vue logic (including where translations and validation should land).

Quick Start

Ask to route a UI/design task: “Should the design agent or the vue agent handle the restyle of this login card, and how should we split layout, SCSS/Vuetify, and logic responsibilities?”