Apply visual hierarchy, spacing, color, accessibility, and responsive UX rules to Vue SSR interfaces.
npx skills add https://github.com/e-xode/vue-ssr --skill design-ux
Please help me install this Agent Skill. Skill: design-ux Source: https://github.com/e-xode/vue-ssr/tree/main/.claude/skills/design-ux Command: npx skills add https://github.com/e-xode/vue-ssr --skill design-ux
It prevents inconsistent, inaccessible, and visually unclear interfaces by providing a decision framework for UX and design direction in the Vue SSR Starter Kit.
Ask the design agent to produce a UX plan for your new pricing page section (hierarchy, spacing, color semantics, micro-interactions, accessibility, and responsive layout) before you implement any Vuetify components.
High-intent search queries and answers about installing and using this skill.
To meet WCAG 2.1 AA accessibility requirements for Vue SSR interfaces, apply a decision framework covering contrast, focus, ARIA, touch targets, and reduced-motion behavior. This ensures accessible interaction design and consistent component compliance.
The best way to plan UX before implementing Vuetify components is to generate a UX plan specifying visual hierarchy, spacing rhythm, color semantics, micro-interactions, and responsive layout rules. This prioritizes primary actions by size, color, weight, and position.
Maintain consistent 8px spacing rhythm and semantic color usage by enforcing design-token alignment within your project. This framework prevents visually unclear interfaces and ensures strict adherence to your established spacing and color constraints.
Yes, this UX design framework handles per-component reduced-motion and micro-interactions. It specifies animation and motion behavior while setting accessibility requirements, ensuring motion preferences are respected across all interactive interface elements.
Yes, you can use this to conduct accessibility audits and review UI quality for existing views. It evaluates visual hierarchy, color semantics, and responsive layouts against WCAG 2.1 AA expectations and 8px spacing constraints to identify inconsistencies.
e-xodeConfigure Vuetify 4 light/dark themes and design tokens in Vue SSR applications.
IntelliTectAudit and remediate accessibility gaps in Vuetify components for WCAG compliance.
JupiterTheWarlockAssess and improve UI layout, spacing, and hierarchy for web interfaces.
htafollaDesign mobile-first user interfaces with WCAG 2.1 AA accessibility compliance.
