django-vue-flutter

What problem does it solve?

This Skill eliminates slow, error-prone full-stack scaffolding by turning your feature idea into a well-structured Django (DRF) + Vue (TypeScript) + Flutter (mobile) change set that stays correct via strict TDD and type checking.

Core Features & Use Cases

• Full-stack implementation guidance: Walks you through creating Django apps, adding DRF serializers/viewsets/endpoints, and wiring the frontend/mobile counterparts in a consistent architecture.
• TDD-first workflow: Enforces RED → GREEN → REFACTOR, including tests that must fail before implementation and type checks before committing.
• Platform-safe correctness: Covers migrations, OpenAPI-driven API client regeneration, and strict typing (mypy, TypeScript strict mode) so behavior stays aligned across backend and clients.

Use Cases:

• Add a new domain (e.g., a new resource with CRUD) end-to-end across Django, Vue, and Flutter.
• Implement a new API endpoint and ensure the generated frontend client and Zod validation match the backend contract.
• Add database migrations and keep API clients and tests synchronized after model changes.

Quick Start

Tell your AI: "Using the django-vue-flutter skill, add a new Django app called blog, create a Post model with tests, expose it via a DRF ViewSet endpoint, then implement the Vue component and Flutter screen to list posts, regenerating the API client and running tests and type checks."