Back to projects
Machine Learning

Cortex — AI Agent Workspace

Multi-agent AI system with real-time streaming, visual agent network, and task delegation between specialized AI agents.

Next.jsVercel AI SDKFramer MotionZustandshadcn/uiTypeScript

Overview

A visually stunning multi-agent AI system that demonstrates real-time collaboration between specialized AI agents. Watch agents reason, delegate tasks, and solve problems together through an animated interface.

Problem

Single-agent AI interactions are straightforward but limited. Complex tasks benefit from specialized reasoning—research, coding, critique, creative ideation—but visualizing multi-agent collaboration is challenging. Cortex makes this orchestration visible and engaging.

Approach

Agent Architecture

5 specialized agents, each with distinct capabilities:

AgentRoleSpecialty
NexusOrchestratorBreaks down problems, delegates subtasks
ScoutResearcherGathers information and context
ForgeCoderWrites and debugs code
SageCriticReviews work, identifies issues
MuseCreativeGenerates ideas and content

Real-time Streaming

Agent thoughts appear token-by-token as they're generated, with clear attribution showing which agent is currently working.

Visual Agent Network

Animated visualization showing:

  • Active agents pulse when processing
  • Connections light up during handoffs
  • Task flow visible at a glance

UI/UX

  • Glassmorphic dark design
  • Smooth Framer Motion animations
  • Example prompts for quick exploration
  • Responsive layout

Tech Stack

  • Next.js 16 with App Router
  • Vercel AI SDK with AI Gateway
  • Framer Motion for animations
  • Tailwind CSS + shadcn/ui
  • Zustand for state management

Results

A polished demonstration of agentic AI patterns with production-quality UI, showcasing both ML engineering and frontend development skills.