Summary
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-codeInstalls into .claude/skills of the current project.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
