api

name	api
description	Create an agent team for full-stack feature development. One agent writes the Haskell Servant backend API, another builds the React frontend UI consuming that API. Use when asked to "build a feature", "add a new page", "create an endpoint with UI", or "fullstack feature".

Full-Stack Feature Team

Spawn a coordinated agent team for implementing full-stack features across the Haskell backend and React frontend.

Team Structure

Two agents working in coordination:

1. backend-api - Writes Haskell Servant API (routes, handlers, DTOs, domain logic)
2. frontend-ui - Builds React UI consuming the API (components, hooks, routes)

Workflow

When invoked with a feature description:

Step 1: Create Team

Use TeamCreate to create a team named fullstack-{feature-slug}.

Step 2: Create Tasks

Create tasks for the feature, frontend task first create essential ui, and wait for backend to complete before api dependent work.:

1. Backend tasks (assigned to backend-api):

   • Define domain types if needed (in src/Moe/Domain/)
   • Create DTO types (in src/Moe/Web/API/DTO/)
   • Add Servant routes (in src/Moe/Web/API/Routes.hs)
   • Implement handlers (in src/Moe/Web/API/{Feature}/Handler.hs)
   • Wire into server (in src/Moe/Web/API/Server.hs)
   • Build and verify with cabal build

2. Frontend tasks (assigned to frontend-ui, blocked by backend completion):

   • Build UI components with shadcn/ui + Tailwind (in web/src/features/{feature}/components/)