Files
APAW/.kilo/commands/vue.md
¨NW¨ 7445e66676 feat: add Next.js, Vue/Nuxt, React, Python (Django/FastAPI) skills and agents
- python-developer agent: Django/FastAPI backend specialist
- nextjs-patterns skill: App Router, Server Components, Server Actions, Auth.js
- vue-nuxt-patterns skill: Composition API, Pinia, Nitro server, SSR
- react-patterns skill: hooks, Context, TanStack Query, React Hook Form
- python-django-patterns skill: DRF, services, repositories
- python-fastapi-patterns skill: async, Pydantic, SQLAlchemy, dependencies
- /nextjs pipeline command for full-stack Next.js apps
- /vue pipeline command for full-stack Vue/Nuxt apps
- Updated frontend-developer with framework-specific skills
- Updated orchestrator, capability-index for Python + frontend routing
- Updated README, STRUCTURE, EVOLUTION_LOG with all new stacks

Total agents: 30. Stacks: PHP, Next.js, Vue/Nuxt, React, Python, Go, Flutter, Node.js
2026-04-19 10:04:51 +01:00

2.9 KiB

description, mode, model, variant, color, permission
description mode model variant color permission
Full-stack Vue/Nuxt web application pipeline with SSR, Pinia, and Nitro server vue ollama-cloud/qwen3-coder:480b thinking #42B883
read edit write bash glob grep task
allow allow allow allow allow allow
* frontend-developer backend-developer system-analyst lead-developer sdet-engineer code-skeptic the-fixer devops-engineer release-manager security-auditor orchestrator
deny allow allow allow allow allow allow allow allow allow allow allow

Vue/Nuxt Web Application Pipeline

Create a full-stack Nuxt 3 application with Composition API, Pinia, server API routes, and Docker deployment.

Parameters

  • project_name: Application name (required)
  • ui: UI library - 'tailwind', 'vuetify', 'primevue' (default: 'tailwind')
  • auth: Auth - 'local', 'supabase', 'firebase' (default: 'local')
  • database: Database - 'prisma', 'drizzle' (default: 'prisma')
  • docker: Create Docker deployment (default: true)
  • issue: Gitea issue number for tracking (required)

Overview

Requirements → Architecture → Setup → Pages → Server API → Auth → Components → Tests → Docker

Atomic Task Decomposition

Step 1: Requirements (1 task)

Agent: @requirement-refiner — Create issue in TARGET PROJECT

Step 2: Architecture (1 task)

Agent: @system-analyst — Design pages, API routes, database schema

Step 3: Project Setup (1 task)

Agent: @frontend-developer

npx nuxi@latest init {project_name}
cd {project_name}
npx nuxi module add @pinia/nuxt
npx nuxi module add @nuxtjs/tailwindcss

Step 4: Server API Routes (1 task per resource)

Agent: @backend-developer or @frontend-developer

  • server/api/products/index.get.ts
  • server/api/products/[id].get.ts
  • server/api/products/index.post.ts

Step 5: Pinia Stores (1 task per store)

Agent: @frontend-developer

  • stores/auth.ts
  • stores/cart.ts

Step 6: Composables (1 task per composable)

Agent: @frontend-developer

  • composables/useAuth.ts
  • composables/useCart.ts

Step 7: Pages + Layouts (1 task per page)

Agent: @frontend-developer (ONE invocation per page)

  • <script setup lang="ts"> with Composition API
  • useFetch() for data loading
  • NuxtLink for navigation

Step 8: Components (1 task per component)

Agent: @frontend-developer

Step 9: Route Middleware (1 task)

Agent: @frontend-developer

Step 10: Tests (1 task per suite)

Agent: @sdet-engineer — Vitest + Playwright

Step 11: Review → Security → Docker → Release

Quality Gates

Gate Criteria
Setup npm run build succeeds
API All server routes return correct responses
Auth Login/logout work, middleware protects
Pages SSR renders correctly
Tests Coverage ≥ 80%
Docker Containers build and run