skills.rest
christophevg
christophevgCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

vuetify-v2

Develop Vuetify V2 user interfaces for Baseweb projects.

Updated Mar 26, 2026
Search Tags:#data-table#component-patterns#form-validation#responsive-layout#vue-ui#baseweb#vuetify-v2
One-click install
npx skills add https://github.com/christophevg/c3 --skill vuetify-v2
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vuetify-v2
Source: https://github.com/christophevg/c3/tree/main/skills/vuetify-v2
Command: npx skills add https://github.com/christophevg/c3 --skill vuetify-v2

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill removes guesswork when building Baseweb frontends by providing reliable, Vuetify V2-specific patterns and component guidance so your UI works correctly and looks consistent.

Core Features & Use Cases

  • Vuetify V2-specific component guidance: Covers the correct syntax and behavior differences you must follow when targeting Vuetify V2 (and explicitly avoids V3-breaking assumptions).
  • Practical UI patterns: Provides ready-to-adapt patterns for common UI needs like layouts, forms with validation, navigation, tables/data display, and feedback (alerts/snackbars/dialogs).
  • Integration help for Baseweb: Clarifies how the Vuetify skill complements Baseweb’s responsibilities around page structure, navigation registration, and API/Vuex wiring.

Quick Start

Ask the AI to design a responsive Vuetify V2 data table with custom status chips, an actions column with edit/delete buttons, and the associated form dialog validation for Baseweb.

Frequently Asked Questions about vuetify-v2

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a responsive Vuetify V2 data table with custom status chips and action buttons?▼

Vuetify V2 component guidance enforces V2-only behaviors by explicitly avoiding V3-breaking assumptions, providing correct syntax, and offering component-specific best practices for forms, tables, and navigation to ensure consistent UI output.

How do I implement form validation in Vuetify V2 without breaking on V3 syntax?▼

Form validation in Vuetify V2 requires using V2-specific component patterns and prop syntax that explicitly avoid V3-breaking assumptions, ensuring your forms validate correctly. The skill translates UI requirements into safe, reusable V2 validation templates.

Does this Vuetify V2 UI guidance work with Baseweb page structure and navigation?▼

Vuetify V2 UI guidance integrates with Baseweb by clarifying how Vuetify complements Baseweb's responsibilities around page structure, navigation registration, and API/Vuex wiring for consistent frontend architecture.

What are the limitations of using Vuetify V2 component patterns for responsive layouts?▼

Vuetify V2 component patterns are limited by V2-only behaviors, meaning they do not support V3-breaking syntax or features. You must follow V2-specific prop, event, and slot constraints to maintain UI consistency and avoid compatibility issues.

Related Skills

Explore More Design & Creative Skills→
christophevgchristophevg
1

baseweb-migrate

Migrates Flask/Vue 2 baseweb apps to Quart/Vue 3 with async updates.

Community
Advanced
IntelliTectIntelliTect

add-accessibility

Audit and remediate accessibility gaps in Vuetify components for WCAG compliance.

Official
Advanced
christophevgchristophevg

baseweb

Align Baseweb module, page, and API structure with established patterns.

Community
Intermediate
mahou-labsmahou-labs
1

normalize

Normalize feature UI to align with design-system tokens and components.

Official
Advanced