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.
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
Files
SKILL.md
Select a file.
Featured
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
