- 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
3.4 KiB
3.4 KiB
description, mode, model, variant, color, permission
| description | mode | model | variant | color | permission | ||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Full-stack Next.js web application pipeline with App Router, SSR, and authentication | nextjs | ollama-cloud/qwen3-coder:480b | thinking | #0EA5E9 |
|
Next.js Web Application Pipeline
Create a full-stack Next.js 14+ application with App Router, Server Components, API routes, Auth.js, and Docker deployment. Follows atomic task decomposition.
Parameters
project_name: Application name (required)auth: Auth provider - 'authjs', 'clerk', 'supabase' (default: 'authjs')database: Database - 'prisma', 'drizzle' (default: 'prisma')ui: UI library - 'tailwind', 'shadcn', 'mui' (default: 'shadcn')docker: Create Docker deployment (default: true)issue: Gitea issue number for tracking (required)
Overview
Requirements → Architecture → Setup → Pages → API → Auth → Frontend → 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 routes, API, database schema
Step 3: Project Setup (1 task)
Agent: @frontend-developer
npx create-next-app@latest {project_name} --typescript --tailwind --eslint --app --src-dir
cd {project_name}
npx shadcn@latest init
Step 4: Database + Models (1 task per model)
Agent: @backend-developer or @frontend-developer
- Prisma schema or Drizzle definitions
- Run
npx prisma migrate dev
Step 5: API Routes (1 task per resource)
Agent: @backend-developer (ONE invocation per resource)
- GET, POST, PUT, DELETE handlers
- Zod validation schemas
Step 6: Authentication (1 task)
Agent: @frontend-developer
- Auth.js / Clerk / Supabase setup
- Login/Register pages
- Middleware for protected routes
Step 7: UI Pages (1 task per page/layout)
Agent: @frontend-developer (ONE invocation per page)
- Server Components by default
'use client'only for interactivity- Shadcn UI components
Step 8: Server Actions (1 task per form)
Agent: @frontend-developer
- Form validation with Zod
revalidatePathafter mutations
Step 9: Tests (1 task per test suite)
Agent: @sdet-engineer — Vitest + Playwright
Step 10: Review → Security → Docker → Release
Task Sizing
| Task | Agent | Max Tokens |
|---|---|---|
| Setup project | frontend-developer | 5,000 |
| Database schema | backend-developer | 5,000 |
| API route (CRUD) | backend-developer | 5,000 |
| Auth setup | frontend-developer | 8,000 |
| Page + components | frontend-developer | 8,000 |
| Server actions | frontend-developer | 5,000 |
| Tests | sdet-engineer | 8,000 |
| Docker | devops-engineer | 5,000 |
Quality Gates
| Gate | Criteria |
|---|---|
| Setup | npm run build succeeds |
| API | All endpoints return correct responses |
| Auth | Login/register/logout work |
| Pages | Lighthouse ≥ 90 |
| Tests | Coverage ≥ 80% |
| Docker | Containers build and run |