Skills
.Work. You
Rest

vuetify-v3

Community

Build Vuetify 3 UIs with confidence.

Design & Creative#theming#vue#migration#forms#ui components#data tables#vuetify
Authorchristophevg
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill prevents slow, error-prone work when building or migrating Vue UIs by translating Vuetify 2 patterns into correct Vuetify 3 component APIs, props, events, and slots.

Core Features & Use Cases

  • Vuetify 3-focused guidance: Provides component selection help plus the correct Vuetify 3 props and usage rules for common UI building blocks.
  • Migration support (V2 → V3): Maps breaking changes such as value/model-value, input/update events, activator-slot syntax, icon usage, and renamed/removed components.
  • Practical patterns and templates: Covers frequent UI needs like dialogs, menus, data tables (client/server patterns), forms with validation, theming, icons, layout grids, and accessibility.
  • Baseweb interoperability: Aligns with Baseweb responsibilities by handling Vuetify-specific UI composition while Baseweb handles project structure and state integration.

Quick Start

Use the vuetify-v3 skill to create a responsive Vuetify 3 data table with a search bar, row action buttons, and correct v-slot syntax.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: vuetify-v3
Download link: https://github.com/christophevg/c3/archive/main.zip#vuetify-v3

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.