Skip to content

A Complete Development Team

This demo showcases cagent's multi-agent architecture with a complete development team including a Product Manager, Designer, and Engineer.

Configuration

Create a file named dev-team.yaml:

agents:
  root:
    model: model
    description: Product Manager - Leads the development team
    sub_agents: [designer, awesome_engineer]
    toolsets:
      - type: filesystem
      - type: think
      - type: todo
      - type: memory
        path: dev_memory.db

  designer:
    model: model
    description: UI/UX Designer - Creates user interface designs
    toolsets:
      - type: filesystem
      - type: think
      - type: memory
        path: dev_memory.db

  awesome_engineer:
    model: model
    description: Full Stack Engineer - Frontend and backend development
    toolsets:
      - type: filesystem
      - type: shell
      - type: think
      - type: memory
        path: dev_memory.db

models:
  model:
    provider: openai
    model: gpt-4o

Running the Agent

./bin/cagent run dev-team.yaml

Agent Hierarchy

Root Agent (Product Manager)
├── Designer (UI/UX Specialist)
└── Engineer (Full Stack Developer)

How Task Delegation Works

  1. User sends request to the root agent (Product Manager)
  2. Product Manager analyzes the task complexity and domain
  3. Routes to appropriate sub-agent based on expertise:
  4. Design tasks → Designer
  5. Implementation tasks → Engineer
  6. Sub-agent processes the task using its specialized tools
  7. Results flow back through the Product Manager to the user

Example Interaction

> Build a user login page with modern styling

--- Agent: root (Product Manager) ---

I'll coordinate the team to build this feature.

[Delegating design work to designer]

--- Agent: designer ---

I'll create a modern login page design with:
- Clean, minimalist layout
- Email and password fields
- "Remember me" checkbox
- Social login options
- Responsive design for mobile

[Creating design specs...]

--- Agent: root (Product Manager) ---

[Delegating implementation to awesome_engineer]

--- Agent: awesome_engineer ---

I'll implement the login page based on the design:

[Using shell and filesystem tools to create React component...]

Done! Created LoginPage.jsx with Tailwind CSS styling.

Key Takeaways

  • sub_agents defines which agents the root can delegate to
  • Each agent has specialized tools for their role
  • The root agent coordinates and routes tasks intelligently
  • This pattern scales to complex, real-world development workflows