Vuetify Skilld

This covers Vuetify 4.0.1, the Vue Material Design component framework. The big news here is the v4 overhaul: grids now use CSS gap instead of negative margins, typography variants got renamed for Material Design 3, and elevation levels dropped from 25 to 6. You'll want this when working with any Vuetify imports, especially if you're migrating from v3 and need to understand breaking changes like VBtn no longer uppercasing text by default or VForm slots now being unwrapped values. It includes best practices like using the cmd modifier for cross-platform hotkeys and handling TailwindCSS conflicts through CSS layers. Good reference material for the grid system changes alone.

Install to Claude Code

npx -y skills add harlan-zw/vue-ecosystem-skills --skill vuetify-skilld --agent claude-code