Master Pydantic AI - Part 2: Agent Delegation, Human In The Loop, CopilotKit (AI Website Builder)

In Part 2 of the Pydantic AI series, we build a comprehensive multi-agent workflow with a real-world example — an AI-powered website builder similar to Google Stitch or Figma. 🎯 What you'll learn Building a multi-agent system with agent delegation Adding human-in-the-loop confirmation steps Integrating CopilotKit for shared frontend/backend state Implementing Xyflow (React Flow) for visual page rendering Using Logfire for logging and observability 💻 Resources GitHub Repository → https://github.com/bjoxiah/pydantic-a... Pydantic AI Docs → https://ai.pydantic.dev/multi-agent-a... CopilotKit Docs → https://docs.copilotkit.ai/pydantic-ai ⏱️ Timestamps 0:00 – Introduction 1:57 – Project setup overview 2:03 – Next.js installation 3:00 – Backend project setup 3:17 – Frontend installations (CopilotKit, Xyflow & shadcn) 5:00 – Backend installations (Pydantic AI, python-dotenv & FastAPI) 6:01 – FastAPI endpoint & placeholder agent setup 8:19 – Main component (CopilotKit setup) 12:36 – CopilotKit OpenAI issue 13:04 – CopilotKit Inspector 13:24 – Chat component 15:29 – Preview component (ReactFlowProvider) 16:46 – Canvas component (React Flow) 18:06 – Quick preview 18:29 – CopilotKit shared state 20:32 – Human-in-the-loop tool (confirm_pages) 23:09 – Adding confirmed pages to shared state 24:30 – Making confirm_pages discoverable to CopilotKit 25:39 – Accessing shared state in preview component 29:59 – Orchestrator agent setup 30:55 – Planner sub-agent 31:43 – Backend shared state 32:17 – Orchestrator → Planner tool 36:17 – Orchestrator → Generate tool 37:00 – Generator sub-agent 37:28 – Maintaining branding consistency 40:14 – Orchestrator → Generate tool (continued) 44:18 – Orchestrator dynamic instruction 45:10 – FastAPI endpoint cleanup 46:24 – Logfire: logging and observability 47:25 – Demo 49:38 – Outro If this was helpful, like and subscribe! #PydanticAI #Python #AIAgents #LLM #MultiAgent #CopilotKit #ReactFlow #Xyflow #Logfire #FastAPI #HumanInTheLoop #AIWebsiteBuilder