baseweb-migrate

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

1|Updated Feb 4, 2020
One-click install
npx skills add https://github.com/christophevg/baseweb --skill baseweb-migrate
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: baseweb-migrate
Source: https://github.com/christophevg/baseweb/tree/main/skills/migrate
Command: npx skills add https://github.com/christophevg/baseweb --skill baseweb-migrate

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It eliminates the risky, manual rewrite work required to upgrade legacy baseweb apps from Flask/Vue 2 to an async Quart + Vue 3 (Vuetify 3) architecture.

Core Features & Use Cases

  • Backend migration (Flask → Quart): Updates dependencies and rewrites sync request/route patterns into async equivalents, including converting Resource methods to async def and adding required await calls for request parsing and template rendering.
  • REST and Socket.IO modernization: Migrates REST registration to baseweb’s add_resource flow and converts Flask-SocketIO handlers to python-socketio ASGI handlers with correct async signatures (sid, environ) and awaited emits.
  • Frontend migration (Vue 2 → Vue 3 + Vuetify 3): Guides component registration changes, removes Vue 3–incompatible patterns (like filters), and applies Vuetify 3 breaking UI updates (icons/MDI, layout components, tabs, server-side tables, and common reactivity fixes for charting).

Quick Start

Ask the AI to migrate your existing baseweb Flask/Vue 2 codebase to Quart/Vue 3 with Vuetify 3 and python-socketio ASGI, then provide a step-by-step patch plan for both backend and frontend.

Frequently Asked Questions about baseweb-migrate

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

FAQPage Schema
How do I migrate a Flask backend to async Quart and update route methods?▼

To migrate Flask to Quart, you convert sync route and flask_restful.Resource methods to async def, add required await calls for request parsing, and update template rendering to handle asynchronous execution patterns correctly.

What is the process for moving Flask-SocketIO handlers to python-socketio ASGI?▼

Moving Flask-SocketIO handlers to python-socketio ASGI involves updating handlers to use ASGI signatures with sid and environ parameters, and ensuring all emit calls are properly awaited within the async event handlers.

How do I upgrade Vue 2 components to Vue 3 with Vuetify 3 breaking UI changes?▼

Upgrading Vue 2 to Vue 3 with Vuetify 3 involves updating component registration, removing incompatible patterns like filters, and applying Vuetify 3 breaking changes for MDI icons, layout components, tabs, and server-side tables.

Can I use this baseweb migration approach for applications using Vuetify 2 and Vue 2 patterns?▼

Yes, this approach specifically targets modernizing legacy baseweb deployments that use Vuetify 2 and Vue 2 patterns, including applying reactivity-safe integrations for common component breaking changes like charting updates.

What are common limitations when converting Flask REST endpoints to baseweb async resources?▼

Limitations when converting Flask REST endpoints include ensuring all I/O operations within Resource methods are properly awaited, and switching standard Resource registration to baseweb's specific add_resource flow to maintain endpoint compatibility.

Why does my Vue 3 migration break charting components and reactivity?▼

Vue 3 migration breaks charting components and reactivity due to removed Vue 3-incompatible patterns like filters and altered reactivity systems, requiring specific reactivity-safe integrations and Vuetify 3 component updates to resolve.