Coordinate design delegation and task splitting for Vue SSR Starter Kit.
npx skills add https://github.com/e-xode/vue-ssr --skill vue-ssr-design
Please help me install this Agent Skill. Skill: vue-ssr-design Source: https://github.com/e-xode/vue-ssr/tree/main/.claude/skills/vue-ssr-design Command: npx skills add https://github.com/e-xode/vue-ssr --skill vue-ssr-design
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.
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?”
High-intent search queries and answers about installing and using this skill.
To split UI design and Vue logic, route visual output, layout, and theming work to a design agent while handling Vue logic inline. This coordination prevents design and implementation from getting tangled in a Vue SSR starter kit.
Delegate Vuetify theming to a design agent for visual output, layout adjustments, or responsive polish tasks. Handle minor inline tweaks directly to maintain clear boundaries between design coordination and Vuetify family skills.
The design-first workflow for Vue SSR features follows a repeatable sequence: design direction, design execution, parallel logic and i18n work, merge, and validation. This structured flow reduces rework and visual debt.
Yes, the Vue SSR design workflow enforces accessibility-first and dark-mode readiness as starter-kit guardrails. It also mandates clean minimal structure, token-driven SCSS styling, and responsive defaults across all delegated design tasks.
Manage SCSS tokens by enforcing token-driven styling as a design principle guardrail. Route SCSS token adjustments to the design-scss skill family, ensuring the Vue agent handles logic without leaking cross-layer styling responsibilities.
woody1234567Explain building full-stack Vue apps with Nuxt SSR and routing.
telum-aiGenerate detailed UI specifications with styling, behavior, and code examples.
e-xodeConfigure Vuetify 4 light/dark themes and design tokens in Vue SSR applications.
legoutManage Slidev theme installation, configuration, and custom development.
