fantasia-quasar-vue

Scaffold Vue 3 and Quasar UI with layouts, pages, router, and Pinia stores.

401|56|Updated Jan 30, 2021
One-click install
npx skills add https://github.com/vishiri/fantasia-archive --skill fantasia-quasar-vue
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: fantasia-quasar-vue
Source: https://github.com/vishiri/fantasia-archive/tree/main/.cursor/skills/fantasia-quasar-vue
Command: npx skills add https://github.com/vishiri/fantasia-archive --skill fantasia-quasar-vue

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Builds a cohesive Vue 3 + Quasar UI scaffold for Fantasia Archive, standardizing layouts, pages, router, and state management integration to accelerate UI development.

Core Features & Use Cases

  • Vue 3 + Quasar scaffolding for Fantasia Archive, including core app chrome, layouts, and boilerplate boot files.
  • Router and Pinia store integration under src/, with clear project structure and conventions.
  • Guidance for component development, Storybook integration, and consistent UI patterns across pages and components.

Quick Start

Scaffold the Vue 3 + Quasar UI skeleton for Fantasia Archive in the src/ directory.

Frequently Asked Questions about fantasia-quasar-vue

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

FAQPage Schema
How do I scaffold a Vue 3 and Quasar UI project for Fantasia Archive?

To scaffold a Vue 3 and Quasar UI project, this Skill generates a cohesive skeleton including core layouts, pages, router, and Pinia stores within the src/ directory. It standardizes project structure and boot-file conventions to accelerate UI development.

Does this scaffold integrate Pinia stores and Vue Router for Quasar applications?

Yes, the scaffold integrates Pinia stores and Vue Router specifically for Quasar applications. It establishes clear project structure and conventions under the src/ directory to manage state and routing effectively for Fantasia Archive.

Can I use this scaffold to set up Storybook and component development patterns?

Yes, you can use this scaffold to establish component development patterns and Storybook integration. It provides guidance for consistent UI patterns across pages and components within the Vue 3 and Quasar v2 stack.

What is the best way to standardize boot-file conventions in a Vue 3 Quasar project?

The best way to standardize boot-file conventions is by applying this scaffold to your development tasks. It ensures alignment with the project's Vue 3, Quasar v2, and Pinia stack when editing .vue files, routes, or stores under src/.

Why do I need a Quasar UI scaffold for Fantasia Archive instead of a generic Vue 3 setup?

You need a Quasar UI scaffold specifically for Fantasia Archive to standardize core app chrome, layouts, and boilerplate boot files. A generic Vue 3 setup lacks the tailored router, Pinia integration, and component guidance required by this specific stack.