- 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
2.9 KiB
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 |
|
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.tsserver/api/products/[id].get.tsserver/api/products/index.post.ts
Step 5: Pinia Stores (1 task per store)
Agent: @frontend-developer
stores/auth.tsstores/cart.ts
Step 6: Composables (1 task per composable)
Agent: @frontend-developer
composables/useAuth.tscomposables/useCart.ts
Step 7: Pages + Layouts (1 task per page)
Agent: @frontend-developer (ONE invocation per page)
<script setup lang="ts">with Composition APIuseFetch()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 |