Quasar Foundation

Responsive application framing, mobile touch gestures, drawer interactions, and platform wrappers for Capacitor (mobile) and Tauri or Electron (desktop).

Load @vue-design-system first if this skill was opened alone. Data grids, complex pickers, and menus belong to @primevue-aura. Colors belong to @aura-design-tokens. Motion belongs to @motion-physics.

When the agent activates this skill

• Defining application scaffolding: headers, footers, responsive side drawers, and page containers.
• Touch-first mobile layouts requiring pull-to-refresh, swipeable tabs, or bottom sheets.
• Configuring multi-platform target builds (quasar build -m capacitor, quasar build -m tauri).

Installation

npm install quasar @quasar/extras
npm install -D @quasar/vite-plugin