1import{c as d,j as e,L as r}from"./index-DrBPhjy5.js";import{L as m,b as x,B as h,Z as g,C as l,a as i,T as p,j as u,q as b,l as f,k as n,r as j,D as N}from"./Layout-LwDNXt6D.js";import{S as v}from"./SectionHeader-oIYtrJ-D.js";import{C as o}from"./CodeBlock-3JvFd8EA.js";import{T as w}from"./target-CGL2tyWw.js";import{A as s}from"./arrow-right-lzRlWI_Y.js";import{W as y}from"./workflow-ClFom81x.js";import{E as t}from"./external-link-CLJaV4l5.js";import{C as a}from"./circle-check-big-NDcTPFF2.js";import{U as c}from"./users-DZ_-Zyjp.js";import{S as k}from"./settings-BbXcCc5A.js";/** 2 * @license lucide-react v0.462.0 - ISC 3 * 4 * This source code is licensed under the ISC license. 5 * See the LICENSE file in the root directory of this source tree. 6 */const A=d("MousePointerClick",[["path",{d:"M14 4.1 12 6",key:"ita8i4"}],["path",{d:"m5.1 8-2.9-.8",key:"1go3kf"}],["path",{d:"m6 12-1.9 2",key:"mnht97"}],["path",{d:"M7.2 2.2 8 5.1",key:"1cfko1"}],["path",{d:"M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z",key:"s0h3yz"}]]);/** 7 * @license lucide-react v0.462.0 - ISC 8 * 9 * This source code is licensed under the ISC license. 10 * See the LICENSE file in the root directory of this source tree. 11 */const _=d("UserCheck",[["path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",key:"1yyitq"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}],["polyline",{points:"16 11 18 13 22 9",key:"1pwet4"}]]),O=()=>e.jsxs(m,{title:"AI Agents for Software Development",description:"How AI agents work, how to build them, and how they fit into a Vibe Coding workflow.",canonicalUrl:"https://quick-code-launch.lovable.app/ai-agents",children:[e.jsx("h1",{className:"sr-only",children:"AI Agents for Vibe Coding"}),e.jsx("div",{className:"pt-10 pb-16",children:e.jsxs("div",{className:"container mx-auto px-4 sm:px-6 lg:px-8",children:[e.jsx(v,{subtitle:"AI Development",title:"Building AI Agents",description:"A comprehensive guide to creating intelligent, autonomous AI agents that can perform complex tasks and make decisions"}),e.jsx("div",{className:"mb-16",children:e.jsx("div",{className:"bg-gradient-to-r from-purple-50 to-blue-50 rounded-xl p-8 mb-8",children:e.jsxs("div",{className:"flex items-start space-x-4",children:[e.jsx(x,{className:"text-primary mt-1",size:32}),e.jsxs("div",{children:[e.jsx("h2",{className:"text-2xl font-bold mb-4",children:"What are AI Agents?"}),e.jsx("p",{className:"text-gray-700 mb-4",children:"AI agents are autonomous software systems that can perceive their environment, make decisions, and take actions to achieve specific goals. Unlike traditional software that follows predefined rules, AI agents can adapt, learn, and handle complex, dynamic situations."}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4 mt-6",children:[e.jsxs("div",{className:"bg-white p-4 rounded-lg shadow-sm",children:[e.jsx(h,{className:"text-blue-500 mb-2",size:24}),e.jsx("h3",{className:"font-semibold mb-1",children:"Autonomous"}),e.jsx("p",{className:"text-sm text-gray-600",children:"Operates independently without constant human intervention"})]}),e.jsxs("div",{className:"bg-white p-4 rounded-lg shadow-sm",children:[e.jsx(w,{className:"text-green-500 mb-2",size:24}),e.jsx("h3",{className:"font-semibold mb-1",children:"Goal-Oriented"}),e.jsx("p",{className:"text-sm text-gray-600",children:"Works towards specific objectives and outcomes"})]}),e.jsxs("div",{className:"bg-white p-4 rounded-lg shadow-sm",children:[e.jsx(g,{className:"text-purple-500 mb-2",size:24}),e.jsx("h3",{className:"font-semibold mb-1",children:"Adaptive"}),e.jsx("p",{className:"text-sm text-gray-600",children:"Learns and improves from experience and feedback"})]})]})]})]})})}),e.jsx("div",{className:"mb-16",children:e.jsxs("div",{className:"bg-gradient-to-r from-indigo-100 via-purple-100 to-pink-100 rounded-xl p-8 border-2 border-indigo-200",children:[e.jsxs("h2",{className:"text-2xl font-bold mb-6 text-center flex items-center justify-center",children:[e.jsx(l,{className:"mr-3 text-primary",size:28}),"Essential Agent Development Documentation"]}),e.jsx("p",{className:"text-center text-gray-700 mb-8 max-w-3xl mx-auto",children:"Explore these comprehensive guides and frameworks to accelerate your AI agent development journey"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("a",{href:"https://docs.flowiseai.com/",target:"_blank",rel:"noopener noreferrer",className:"bg-white p-6 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 border border-gray-200 hover:border-indigo-400 group",children:[e.jsxs("div",{className:"flex items-start justify-between mb-3",children:[e.jsx("h3",{className:"text-xl font-bold text-gray-800 group-hover:text-indigo-600 transition-colors",children:"Flowise AI"}),e.jsx(s,{className:"text-indigo-500 opacity-0 group-hover:opacity-100 transition-opacity",size:20})]}),e.jsx("p",{className:"text-gray-600 mb-3",children:"Build customized LLM orchestration flows and AI agents with a drag-and-drop visual builder. Perfect for rapid prototyping and no-code/low-code agent development with support for LangChain, vector databases, and custom tool integration."}),e.jsx("div",{className:"flex items-center text-sm text-indigo-600 font-semibold",children:e.jsx("span",{children:"Visit Documentation"})})]}),e.jsxs("a",{href:"https://docs.mistral.ai/agents/introduction",target:"_blank",rel:"noopener noreferrer",className:"bg-white p-6 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 border border-gray-200 hover:border-purple-400 group",children:[e.jsxs("div",{className:"flex items-start justify-between mb-3",children:[e.jsx("h3",{className:"text-xl font-bold text-gray-800 group-hover:text-purple-600 transition-colors",children:"Mistral AI Agents"}
11),e.jsx(s,{className:"text-purple-500 opacity-0 group-hover:opacity-100 transition-opacity",size:20})]}),e.jsx("p",{className:"text-gray-600 mb-3",children:"Official guide to building intelligent agents with Mistral's powerful language models. Learn about function calling, tool use, and building production-ready agents with advanced reasoning capabilities and multi-step workflows."}),e.jsx("div",{className:"flex items-center text-sm text-purple-600 font-semibold",children:e.jsx("span",{children:"Visit Documentation"})})]}),e.jsxs("a",{href:"https://docs.sim.ai/introduction",target:"_blank",rel:"noopener noreferrer",className:"bg-white p-6 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 border border-gray-200 hover:border-blue-400 group",children:[e.jsxs("div",{className:"flex items-start justify-between mb-3",children:[e.jsx("h3",{className:"text-xl font-bold text-gray-800 group-hover:text-blue-600 transition-colors",children:"Sim AI"}),e.jsx(s,{className:"text-blue-500 opacity-0 group-hover:opacity-100 transition-opacity",size:20})]}),e.jsx("p",{className:"text-gray-600 mb-3",children:"Create realistic simulations and testing environments for AI agents. Build, test, and validate agent behaviors in controlled scenarios before deployment. Essential for ensuring reliability, safety, and performance in complex agent systems."}),e.jsx("div",{className:"flex items-center text-sm text-blue-600 font-semibold",children:e.jsx("span",{children:"Visit Documentation"})})]}),e.jsxs("a",{href:"https://platform.openai.com/docs/guides/agents",target:"_blank",rel:"noopener noreferrer",className:"bg-white p-6 rounded-xl shadow-md hover:shadow-xl transition-all duration-300 border border-gray-200 hover:border-green-400 group",children:[e.jsxs("div",{className:"flex items-start justify-between mb-3",children:[e.jsx("h3",{className:"text-xl font-bold text-gray-800 group-hover:text-green-600 transition-colors",children:"OpenAI Agents"}),e.jsx(s,{className:"text-green-500 opacity-0 group-hover:opacity-100 transition-opacity",size:20})]}),e.jsx("p",{className:"text-gray-600 mb-3",children:"Official OpenAI guide to building agents with GPT-6.1 models. Master function calling, prompt engineering for agentic behavior, and best practices for creating reliable, production-grade AI agents with tool use and reasoning capabilities."}),e.jsx("div",{className:"flex items-center text-sm text-green-600 font-semibold",children:e.jsx("span",{children:"Visit Documentation"})})]})]})]})}),e.jsx("div",{className:"mb-16",children:e.jsxs("div",{className:"bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900 rounded-xl p-8 border border-purple-500/30",children:[e.jsxs("h2",{className:"text-3xl font-bold mb-4 text-white flex items-center",children:[e.jsx(y,{className:"mr-3 text-purple-400",size:32}),"Best AI Automation Tools of 2025"]}),e.jsx("p",{className:"text-purple-200 mb-6 text-lg",children:"The biggest factor nobody mentions when picking tools is your technical comfort level. What works great for developers is miserable for everyone else. Match the tool to your actual skill level, not what looks impressive."}),e.jsx("div",{className:"bg-amber-500/10 border border-amber-500/30 rounded-lg p-4 mb-8",children:e.jsxs("p",{className:"text-amber-200 text-sm flex items-start",children:[e.jsx(i,{className:"mr-2 mt-0.5 flex-shrink-0",size:18}),e.jsxs("span",{children:[e.jsx("strong",{children:"Important:"}),` "Non-technical" doesn't mean dumb or out of place. Some of the best automations come from ops people who understand their workflows really well. Process knowledge beats code sometimes.`]})]})}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-8",children:[e.jsxs("div",{className:"bg-white/5 backdrop-blur-sm rounded-xl p-6 border border-white/10",children:[e.jsxs("div",{className:"flex items-center mb-6",children:[e.jsx("div",{className:"bg-gradient-to-r from-emerald-500 to-teal-500 p-3 rounded-xl mr-4",children:e.jsx(A,{className:"text-white",size:28})}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-2xl font-bold text-white",children:"If You Don't Code"}),e.jsx("p",{className:"text-emerald-300 text-sm",children:"Visual builders & no-code solutions"})]})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsx("a",{href:"https://www.lindy.ai/",target:"_blank",rel:"noopener noreferrer",className:"block bg-white/5 hover:bg-white/10 rounded-lg p-4 transition-all duration-300 border border-white/10 hover:border-emerald-500/50 group",children:e.jsx("div",{className:"flex items-start justify-between",children:e.jsxs("div",{className:"flex-1",children:[e.jsxs("h4",{className:"text-lg font-semibold text-white group-hover:text-emerald-400 transition-colors flex items-center",children:["Lindy AI",e.jsx(t,{size:14,className:"ml-2 opacity-50 group-hover:opacity-100"})]}),e.jsx("p",{className:"text-gray-300 text-sm mt-1",children:"Probably the smoothest experience. Drag-and-drop that actually makes sense without hidden complexity. Great for building AI assistants that handle emails, scheduling, and research."}),e.jsxs("div",{className:"flex items-center mt-2 text-xs text-emerald-400",children:[e.jsx(a,{size:12,className:"mr-1"})," Best for: Total beginners"]})]})})}),e.jsx("a",{href:"https://zapier.com/",target:"_blank",rel:"noopener noreferrer",className:"block bg-white/5 hover:bg-white/10 rounded-lg p-4 transition-all duration-300 border border-white/10 hover:border-emerald-500/50 group",children:e.jsx("div",{className:"flex items-start justify-between",children:e.jsxs("div",{className:"flex-1",children:[e.jsxs("h4",{className:"text-lg font-semibold text-white group-hover:text-emerald-400 transition-colors flex items-center",children:["Zapier",e.jsx(t,{size:14,className:"ml-2 opacity-50 group-hover:opacity-100"})]}),e.jsx("p",{className:"text-gray-300 text-sm mt-1",children:"Everyone knows it, tons of tutorials, hard to mess up. Perfect for basic automations connecting your favorite apps with thousands of integrations available."}),e.jsxs("div",{className:"flex items-center mt-2 text-xs text-emerald-400",children:[e.jsx(a,{size:12,className:"mr-1"})," Best for: Basic automations"]})]})})}),e.jsx("a",{href:"https://www.vellum.ai/",target:"_blank",rel:"noopener noreferrer",className:"block bg-white/5 hover:bg-white/10 rounded-lg p-4 transition-all duration-300 border border-white/10 hover:border-emerald-500/50 group",children:e.jsx("div",{className:"flex items-start justify-between",children:e.jsxs("div",{className:"flex-1",children:[e.jsxs("h4",{className:"text-lg font-semibold text-white group-hover:text-emerald-400 transition-colors flex items-center",children:["Vellum",e.jsx(t,{size:14,className:"ml-2 opacity-50 group-hover:opacity-100"})]}),e.jsx("p",{className:"text-gray-300 text-sm mt-1",children:"Wild how well it builds agents. Describe what you want in plain English and it builds the workflow for you. Has deep context on agent engineering patterns."}),e.jsxs("div",{className:"flex items-center mt-2 text-xs text-emerald-400",children:[e.jsx(a,{size:12,className:"mr-1"})," Best for: Building AI agents visually"]})]})})}),e.jsx("a",{href:"https://www.make.com/",target:"_blank",rel:"noopener noreferrer",className:"block bg-white/5 hover:bg-white/10 rounded-lg p-4 transition-all duration-300 border border-white/10 hover:border-emerald-500/50 group",children:e.jsx("div",{className:"flex items-start justify-between",children:e.jsxs("div",{className:"flex-1",children:[e.jsxs("h4",{className:"text-lg font-semibold text-white group-hover:text-emerald-400 transition-colors flex items-center",children:["Make (Integromat)",e.jsx(t,{size:14,className:"ml-2 opacity-50 group-hover:opacity-100"})]}),e.jsx("p",{className:"text-gray-300 text-sm mt-1",children:"More power than Zapier while still being visual. Better value and more flexibility for complex multi-step workflows with conditional logic."}),e.jsxs("div",{className:"flex items-center mt-2 text-xs text-emerald-400",children:[e.jsx(a,{size:12,className:"mr-1"})," Best for: Power users wanting more control"]})]})})}),e.jsx("a",{href:"https://www.relay.app/",target:"_blank",rel:"noopener noreferrer",className:"block bg-white/5 hover:bg-white/10 rounded-lg p-4 transition-all duration-300 border border-white/10 hover:border-emerald-500/50 group",children:e.jsx("div",{className:"flex items-start justify-between",children:e.jsxs("div",{className:"flex-1",children:[e.jsxs("h4",{className:"text-lg font-semibold text-white group-hover:text-emerald-400 transition-colors flex items-center",children:["Relay App",e.jsx(t,{size:14,className:"ml-2 opacity-50 group-hover:opacity-100"})]}),e.jsx("p",{className:"text-gray-300 text-sm mt-1",children:"Built specifically for workflows that need human approval steps. Perfect for teams where AI handles prep work but humans make final calls."}),e.jsxs("div",{className:"flex items-center mt-2 text-xs text-emerald-400",children:[e.jsx(_,{size:12,className:"mr-1"})," Best for: Human-in-the-loop workflows"]})]})})})]})]}),e.jsxs("div",{className:"bg-white/5 backdrop-blur-sm rounded-xl p-6 border border-white/10",children:[e.jsxs("div",{className:"flex items-center mb-6",children:[e.jsx("div",{className:"bg-gradient-to-r from-blue-500 to-purple-500 p-3 rounded-xl mr-4",children:e.jsx(p,{className:"text-white",size:28})}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-2xl font-bold text-white",children:"If You Code"}),e.jsx("p",{className:"text-blue-300 text-sm",children:"Maximum flexibility & control"})]})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsx("a",{href:"https://n8n.io/",target:"_blank",rel:"noopener noreferrer",className:"block bg-white/5 hover:bg-white/10 rounded-lg p-4 transition-all duration-300 border border-white/10 hover:border-blue-500/50 group",children:e.jsx("div",{className:"flex items-start justify-between",children:e.jsxs("div",{className:"flex-1",children:[e.jsxs("h4",{className:"text-lg font-semibold text-white group-hover:text-blue-400 transition-colors flex items-center",children:["n8n (Self-Hosted)",e.jsx(t,{size:14,className:"ml-2 opacity-50 group-hover:opacity-100"})]}),e.jsx("p",{className:"text-gray-300 text-sm mt-1",children:"Flexibility that visual tools can't match. Self-host for full control over your data and unlimited workflows. Open-source with an amazing community."}),e.jsxs("div",{className:"flex items-center mt-2 text-xs text-blue-400",children:[e.jsx(u,{size:12,className:"mr-1"})," Best for: Self-hosting enthusiasts"]})]})})}),e.jsx("a",{href:"https://www.langchain.com/",target:"_blank",rel:"noopener noreferrer",className:"block bg-white/5 hover:bg-white/10 rounded-lg p-4 transition-all duration-300 border border-white/10 hover:border-blue-500/50 group",children:e.jsx("div",{className:"flex items-start justify-between",children:e.jsxs("div",{className:"flex-1",children:[e.jsxs("h4",{className:"text-lg font-semibold text-white group-hover:text-blue-400 transition-colors flex items-center",children:["LangChain",e.
vendor: 14,533 bytes, lines 11-93
11jsx(t,{size:14,className:"ml-2 opacity-50 group-hover:opacity-100"})]}),e.jsx("p",{className:"text-gray-300 text-sm mt-1",children:"The gold standard for agent development. Steep learning curve but maximum control over agent behavior, memory, and tool usage. Python and JavaScript SDKs."}),e.jsxs("div",{className:"flex items-center mt-2 text-xs text-blue-400",children:[e.jsx(l,{size:12,className:"mr-1"})," Best for: Custom agent behavior"]})]})})}),e.jsx("a",{href:"https://www.crewai.com/",target:"_blank",rel:"noopener noreferrer",className:"block bg-white/5 hover:bg-white/10 rounded-lg p-4 transition-all duration-300 border border-white/10 hover:border-blue-500/50 group",children:e.jsx("div",{className:"flex items-start justify-between",children:e.jsxs("div",{className:"flex-1",children:[e.jsxs("h4",{className:"text-lg font-semibold text-white group-hover:text-blue-400 transition-colors flex items-center",children:["CrewAI",e.jsx(t,{size:14,className:"ml-2 opacity-50 group-hover:opacity-100"})]}),e.jsx("p",{className:"text-gray-300 text-sm mt-1",children:"Multi-agent setups in Python with good abstractions without too much magic. Define agents with roles, goals, and backstories that collaborate on tasks."}),e.jsxs("div",{className:"flex items-center mt-2 text-xs text-blue-400",children:[e.jsx(c,{size:12,className:"mr-1"})," Best for: Multi-agent systems"]})]})})}),e.jsx("a",{href:"https://pipedream.com/",target:"_blank",rel:"noopener noreferrer",className:"block bg-white/5 hover:bg-white/10 rounded-lg p-4 transition-all duration-300 border border-white/10 hover:border-blue-500/50 group",children:e.jsx("div",{className:"flex items-start justify-between",children:e.jsxs("div",{className:"flex-1",children:[e.jsxs("h4",{className:"text-lg font-semibold text-white group-hover:text-blue-400 transition-colors flex items-center",children:["Pipedream",e.jsx(t,{size:14,className:"ml-2 opacity-50 group-hover:opacity-100"})]}),e.jsx("p",{className:"text-gray-300 text-sm mt-1",children:"Sits in the middleâcode steps when you need them but visual enough to stay fast. Write Node.js, Python, or Go code alongside visual workflow builders."}),e.jsxs("div",{className:"flex items-center mt-2 text-xs text-blue-400",children:[e.jsx(b,{size:12,className:"mr-1"})," Best for: Hybrid visual + code workflows"]})]})})}),e.jsx("a",{href:"https://microsoft.github.io/autogen/",target:"_blank",rel:"noopener noreferrer",className:"block bg-white/5 hover:bg-white/10 rounded-lg p-4 transition-all duration-300 border border-white/10 hover:border-blue-500/50 group",children:e.jsx("div",{className:"flex items-start justify-between",children:e.jsxs("div",{className:"flex-1",children:[e.jsxs("h4",{className:"text-lg font-semibold text-white group-hover:text-blue-400 transition-colors flex items-center",children:["AutoGen (Microsoft)",e.jsx(t,{size:14,className:"ml-2 opacity-50 group-hover:opacity-100"})]}),e.jsx("p",{className:"text-gray-300 text-sm mt-1",children:"Complex multi-agent orchestration with Microsoft's backing. Agents can converse, execute code, and coordinate on complex tasks with built-in human feedback loops."}),e.jsxs("div",{className:"flex items-center mt-2 text-xs text-blue-400",children:[e.jsx(f,{size:12,className:"mr-1"})," Best for: Enterprise multi-agent systems"]})]})})})]})]})]}),e.jsxs("div",{className:"mt-8 bg-red-500/10 border border-red-500/30 rounded-lg p-4",children:[e.jsxs("h4",{className:"text-red-300 font-semibold mb-2 flex items-center",children:[e.jsx(n,{className:"mr-2",size:18}),"Don't Fall Into The Trap"]}),e.jsxs("p",{className:"text-red-200 text-sm",children:["Non-technical people grab n8n because it's free, then quit after a week of confusion. Developers pay for Lindy then get frustrated they can't customize.",e.jsx("strong",{className:"text-white",children:" Match the tool to your actual skill level, not what looks impressive."})]})]})]})}),e.jsxs("div",{className:"mb-16",children:[e.jsxs("h2",{className:"text-3xl font-bold mb-8 flex items-center",children:[e.jsx(j,{className:"mr-3 text-primary",size:32}),"Agent Architecture"]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-8 mb-8",children:[e.jsxs("div",{className:"bg-white p-6 rounded-xl shadow-sm border",children:[e.jsx("h3",{className:"text-xl font-semibold mb-4",children:"Core Components"}),e.jsxs("ul",{className:"space-y-3",children:[e.jsxs("li",{className:"flex items-start",children:[e.jsx("div",{className:"w-2 h-2 bg-primary rounded-full mt-2 mr-3 flex-shrink-0"}),e.jsxs("div",{children:[e.jsx("strong",{children:"Perception:"})," Sensors and input processing to understand the environment"]})]}),e.jsxs("li",{className:"flex items-start",children:[e.jsx("div",{className:"w-2 h-2 bg-primary rounded-full mt-2 mr-3 flex-shrink-0"}),e.jsxs("div",{children:[e.jsx("strong",{children:"Decision Making:"})," AI models and reasoning systems that choose actions"]})]}),e.jsxs("li",{className:"flex items-start",children:[e.jsx("div",{className:"w-2 h-2 bg-primary rounded-full mt-2 mr-3 flex-shrink-0"}),e.jsxs("div",{children:[e.jsx("strong",{children:"Action Execution:"})," Tools and interfaces to interact with the world"]})]}),e.jsxs("li",{className:"flex items-start",children:[e.jsx("div",{className:"w-2 h-2 bg-primary rounded-full mt-2 mr-3 flex-shrink-0"}),e.jsxs("div",{children:[e.jsx("strong",{children:"Memory:"})," Storage systems for knowledge, experiences, and context"]})]})]})]}),e.jsxs("div",{className:"bg-white p-6 rounded-xl shadow-sm border",children:[e.jsx("h3",{className:"text-xl font-semibold mb-4",children:"Agent Types"}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"border-l-4 border-blue-500 pl-4",children:[e.jsx("h4",{className:"font-semibold text-blue-700",children:"Reactive Agents"}),e.jsx("p",{className:"text-sm text-gray-600",children:"Respond to immediate stimuli without complex planning"})]}),e.jsxs("div",{className:"border-l-4 border-green-500 pl-4",children:[e.jsx("h4",{className:"font-semibold text-green-700",children:"Deliberative Agents"}),e.jsx("p",{className:"text-sm text-gray-600",children:"Plan and reason about future actions and consequences"})]}),e.jsxs("div",{className:"border-l-4 border-purple-500 pl-4",children:[e.jsx("h4",{className:"font-semibold text-purple-700",children:"Hybrid Agents"}),e.jsx("p",{className:"text-sm text-gray-600",children:"Combine reactive and deliberative capabilities"})]}),e.jsxs("div",{className:"border-l-4 border-orange-500 pl-4",children:[e.jsx("h4",{className:"font-semibold text-orange-700",children:"Learning Agents"}),e.jsx("p",{className:"text-sm text-gray-600",children:"Improve performance through experience and feedback"})]})]})]})]})]}),e.jsxs("div",{className:"mb-16",children:[e.jsxs("h2",{className:"text-3xl font-bold mb-8 flex items-center",children:[e.jsx(l,{className:"mr-3 text-primary",size:32}),"Development Process"]}),e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"bg-white p-6 rounded-xl shadow-sm border",children:[e.jsxs("h3",{className:"text-xl font-semibold mb-4 flex items-center",children:[e.jsx("span",{className:"bg-primary text-white rounded-full w-8 h-8 flex items-center justify-center text-sm mr-3",children:"1"}),"Define Agent Goals and Requirements"]}),e.jsx("p",{className:"text-gray-700 mb-4",children:"Start by clearly defining what your agent should accomplish. Consider the environment it will operate in, the tasks it needs to perform, and the constraints it must work within."}),e.jsxs("div",{className:"bg-gray-50 p-4 rounded-lg",children:[e.jsx("h4",{className:"font-semibold mb-2",children:"Key Questions:"}),e.jsxs("ul",{className:"text-sm text-gray-600 space-y-1",children:[e.jsx("li",{children:"⢠What specific problems will the agent solve?"}),e.jsx("li",{children:"⢠What data sources and APIs will it need access to?"}),e.jsx("li",{children:"⢠How will success be measured?"}),e.jsx("li",{children:"⢠What are the performance and safety requirements?"})]})]})]}),e.jsxs("div",{className:"bg-white p-6 rounded-xl shadow-sm border",children:[e.jsxs("h3",{className:"text-xl font-semibold mb-4 flex items-center",children:[e.jsx("span",{className:"bg-primary text-white rounded-full w-8 h-8 flex items-center justify-center text-sm mr-3",children:"2"}),"Choose Your Technology Stack"]}),e.jsx("p",{className:"text-gray-700 mb-4",children:"Select the right combination of frameworks, models, and tools for your agent's requirements."}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"bg-blue-50 p-4 rounded-lg",children:[e.jsx("h4",{className:"font-semibold text-blue-800 mb-2",children:"AI Frameworks"}),e.jsxs("ul",{className:"text-sm text-blue-700 space-y-1",children:[e.jsx("li",{children:"⢠LangChain / LangGraph"}),e.jsx("li",{children:"⢠AutoGPT / AgentGPT"}),e.jsx("li",{children:"⢠CrewAI"}),e.jsx("li",{children:"⢠Microsoft Semantic Kernel"})]})]}),e.jsxs("div",{className:"bg-green-50 p-4 rounded-lg",children:[e.jsx("h4",{className:"font-semibold text-green-800 mb-2",children:"Language Models"}),e.jsxs("ul",{className:"text-sm text-green-700 space-y-1",children:[e.jsx("li",{children:"⢠OpenAI GPT-6.1"}),e.jsx("li",{children:"⢠Anthropic Claude Opus 5.5"}),e.jsx("li",{children:"⢠Google Gemini"}),e.jsx("li",{children:"⢠Open-source models (Llama, Mistral)"})]})]})]})]}),e.jsxs("div",{className:"bg-white p-6 rounded-xl shadow-sm border",children:[e.jsxs("h3",{className:"text-xl font-semibold mb-4 flex items-center",children:[e.jsx("span",{className:"bg-primary text-white rounded-full w-8 h-8 flex items-center justify-center text-sm mr-3",children:"3"}),"Design the Agent's Tools and Capabilities"]}),e.jsx("p",{className:"text-gray-700 mb-4",children:"Define the specific tools and functions your agent can use to interact with the world and accomplish its tasks."}),e.jsx(o,{title:"Example Tool Definition (Python)",language:"python",code:`from typing import List, Dict 12import requests 13 14class WebSearchTool: 15 def __init__(self, api_key: str): 16 self.api_key = api_key 17 18 def search(self, query: str, num_results: int = 5) -> List[Dict]: 19 """Search the web and return relevant results""" 20 # Implementation for web search 21 results = self._perform_search(query, num_results) 22 return results 23 24 def _perform_search(self, query: str, num_results: int) -> List[Dict]: 25 # Actual search implementation 26 pass 27 28class EmailTool: 29 def send_email(self, to: str, subject: str, body: str) -> bool: 30 """Send an email to a recipient""" 31 # Implementation for sending emails 32 pass 33 34 def read_emails(self, folder: str = "inbox") -> List[Dict]: 35 """Read emails from a specific folder""" 36 # Implementation for reading emails 37 pass`})]}),e.jsxs("div",{className:"bg-white p-6 rounded-xl shadow-sm border",children:[e.jsxs("h3",{className:"text-xl font-semibold mb-4 flex items-center",children:[e.jsx("span",{className:"bg-primary text-white rounded-full w-8 h-8 flex items-center justify-center text-sm mr-3",children:"4"}),"Implement the Agent Logic"]}),e.jsx("p",{className:"text-gray-700 mb-4",children:"Create the core reasoning and decision-making logic that will drive your agent's behavior."}),e.jsx(o,{title:"Basic Agent Implementation (Python)",language:"python",code:`import openai 38from typing import List, Dict, Any 39 40class AIAgent: 41 def __init__(self, system_prompt: str, tools: List[Any]): 42 self.system_prompt = system_prompt 43 self.tools = {tool.__class__.__name__: tool for tool in tools} 44 self.conversation_history = [] 45 46 def run(self, user_input: str) -> str: 47 """Main agent execution loop""" 48 # Add user input to conversation history 49 self.conversation_history.append({ 50 "role": "user", 51 "content": user_input 52 }) 53 54 while True: 55 # Get response from LLM 56 response = self._get_llm_response() 57 58 # Check if agent wants to use a tool 59 if self._should_use_tool(response): 60 tool_result = self._execute_tool(response) 61 self.conversation_history.append({ 62 "role": "assistant", 63 "content": f"Tool result: {tool_result}" 64 }) 65 else: 66 # Agent is done, return final response 67 return response 68 69 def _get_llm_response(self) -> str: 70 """Get response from language model""" 71 messages = [ 72 {"role": "system", "content": self.system_prompt}, 73 *self.conversation_history 74 ] 75 76 response = openai.ChatCompletion.create( 77 model="gpt-6-astra", 78 messages=messages, 79 temperature=0.1 80 ) 81 82 return response.choices[0].message.content 83 84 def _should_use_tool(self, response: str) -> bool: 85 """Determine if the agent wants to use a tool""" 86 # Logic to parse if agent wants to use tools 87 return "TOOL:" in response 88 89 def _execute_tool(self, response: str) -> str: 90 """Execute the requested tool""" 91 # Parse tool name and parameters from response 92 # Execute the tool and return results 93 pass`})]})]})]}),e.jsxs("div",{className:"mb-16",children:[e.jsxs("h2",{className:"text-3xl font-bold mb-8 flex items-center",children:[e.jsx(i,{className:"mr-3 text-primary",size:32}),"Advanced Features"]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-8",children:[e.jsxs("div",{className:"bg-white p-6 rounded-xl shadow-sm border",children:[e.jsx(N,{className:"text-blue-500 mb-4",size:32}),e.jsx("h3",{className:"text-xl font-semibold mb-4",children:"Memory Systems"}),e.jsx("p",{className:"text-gray-700 mb-4",children:"Implement different types of memory to make your agent more intelligent and context-aware."}),e.jsxs("ul",{className:"space-y-2 text-sm",children:[e.jsxs("li",{className:"flex items-start",children:[e.jsx("span",{className:"text-blue-500 mr-2",children:"â¢"}),e.jsxs("div",{children:[e.jsx("strong",{children:"Short-term Memory:"})," Working memory for current conversation"]})]}),e.jsxs("li",{className:"flex items-start",children:[e.jsx("span",{className:"text-blue-500 mr-2",children:"â¢"}),e.jsxs("div",{children:[e.jsx("strong",{children:"Long-term Memory:"})," Persistent storage of knowledge and experiences"]}
93)]}),e.jsxs("li",{className:"flex items-start",children:[e.jsx("span",{className:"text-blue-500 mr-2",children:"â¢"}),e.jsxs("div",{children:[e.jsx("strong",{children:"Vector Memory:"})," Semantic search for relevant past experiences"]})]})]})]}),e.jsxs("div",{className:"bg-white p-6 rounded-xl shadow-sm border",children:[e.jsx(c,{className:"text-green-500 mb-4",size:32}),e.jsx("h3",{className:"text-xl font-semibold mb-4",children:"Multi-Agent Systems"}),e.jsx("p",{className:"text-gray-700 mb-4",children:"Create teams of specialized agents that can collaborate to solve complex problems."}),e.jsxs("ul",{className:"space-y-2 text-sm",children:[e.jsxs("li",{className:"flex items-start",children:[e.jsx("span",{className:"text-green-500 mr-2",children:"â¢"}),e.jsxs("div",{children:[e.jsx("strong",{children:"Specialized Roles:"})," Each agent has specific expertise"]})]}),e.jsxs("li",{className:"flex items-start",children:[e.jsx("span",{className:"text-green-500 mr-2",children:"â¢"}),e.jsxs("div",{children:[e.jsx("strong",{children:"Communication:"})," Agents share information and coordinate"]})]}),e.jsxs("li",{className:"flex items-start",children:[e.jsx("span",{className:"text-green-500 mr-2",children:"â¢"}),e.jsxs("div",{children:[e.jsx("strong",{children:"Hierarchical Structure:"})," Manager agents coordinate worker agents"]})]})]})]}),e.jsxs("div",{className:"bg-white p-6 rounded-xl shadow-sm border",children:[e.jsx(n,{className:"text-red-500 mb-4",size:32}),e.jsx("h3",{className:"text-xl font-semibold mb-4",children:"Safety and Constraints"}),e.jsx("p",{className:"text-gray-700 mb-4",children:"Implement safeguards to ensure your agent behaves responsibly and within defined boundaries."}),e.jsxs("ul",{className:"space-y-2 text-sm",children:[e.jsxs("li",{className:"flex items-start",children:[e.jsx("span",{className:"text-red-500 mr-2",children:"â¢"}),e.jsxs("div",{children:[e.jsx("strong",{children:"Action Validation:"})," Check actions before execution"]})]}),e.jsxs("li",{className:"flex items-start",children:[e.jsx("span",{className:"text-red-500 mr-2",children:"â¢"}),e.jsxs("div",{children:[e.jsx("strong",{children:"Rate Limiting:"})," Prevent excessive API calls or actions"]})]}),e.jsxs("li",{className:"flex items-start",children:[e.jsx("span",{className:"text-red-500 mr-2",children:"â¢"}),e.jsxs("div",{children:[e.jsx("strong",{children:"Human Oversight:"})," Require approval for sensitive actions"]})]})]})]}),e.jsxs("div",{className:"bg-white p-6 rounded-xl shadow-sm border",children:[e.jsx(k,{className:"text-purple-500 mb-4",size:32}),e.jsx("h3",{className:"text-xl font-semibold mb-4",children:"Monitoring and Debugging"}),e.jsx("p",{className:"text-gray-700 mb-4",children:"Build observability into your agents to understand their behavior and performance."}),e.jsxs("ul",{className:"space-y-2 text-sm",children:[e.jsxs("li",{className:"flex items-start",children:[e.jsx("span",{className:"text-purple-500 mr-2",children:"â¢"}),e.jsxs("div",{children:[e.jsx("strong",{children:"Logging:"})," Track agent decisions and actions"]})]}),e.jsxs("li",{className:"flex items-start",children:[e.jsx("span",{className:"text-purple-500 mr-2",children:"â¢"}),e.jsxs("div",{children:[e.jsx("strong",{children:"Metrics:"})," Monitor performance and success rates"]})]}),e.jsxs("li",{className:"flex items-start",children:[e.jsx("span",{className:"text-purple-500 mr-2",children:"â¢"}),e.jsxs("div",{children:[e.jsx("strong",{children:"Debugging Tools:"})," Trace agent reasoning and tool usage"]})]})]})]})]})]}),e.jsxs("div",{className:"mb-16",children:[e.jsx("h2",{className:"text-3xl font-bold mb-8",children:"Common Use Cases"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-6",children:[e.jsxs("div",{className:"bg-gradient-to-br from-blue-50 to-blue-100 p-6 rounded-xl",children:[e.jsx("h3",{className:"font-semibold text-blue-800 mb-3",children:"Customer Support"}),e.jsx("p",{className:"text-blue-700 text-sm mb-4",children:"Agents that can handle customer inquiries, access knowledge bases, and escalate complex issues."}),e.jsxs("div",{className:"text-xs text-blue-600",children:[e.jsx("strong",{children:"Tools:"})," Knowledge search, ticket creation, escalation"]})]}),e.jsxs("div",{className:"bg-gradient-to-br from-green-50 to-green-100 p-6 rounded-xl",children:[e.jsx("h3",{className:"font-semibold text-green-800 mb-3",children:"Research Assistant"}),e.jsx("p",{className:"text-green-700 text-sm mb-4",children:"Agents that can gather information, analyze data, and generate comprehensive reports."}),e.jsxs("div",{className:"text-xs text-green-600",children:[e.jsx("strong",{children:"Tools:"})," Web search, document analysis, data visualization"]})]}),e.jsxs("div",{className:"bg-gradient-to-br from-purple-50 to-purple-100 p-6 rounded-xl",children:[e.jsx("h3",{className:"font-semibold text-purple-800 mb-3",children:"Sales Automation"}),e.jsx("p",{className:"text-purple-700 text-sm mb-4",children:"Agents that can qualify leads, schedule meetings, and personalize outreach campaigns."}),e.jsxs("div",{className:"text-xs text-purple-600",children:[e.jsx("strong",{children:"Tools:"})," CRM integration, email, calendar scheduling"]})]}),e.jsxs("div",{className:"bg-gradient-to-br from-orange-50 to-orange-100 p-6 rounded-xl",children:[e.jsx("h3",{className:"font-semibold text-orange-800 mb-3",children:"Content Creator"}),e.jsx("p",{className:"text-orange-700 text-sm mb-4",children:"Agents that can generate, edit, and publish content across multiple platforms."}),e.jsxs("div",{className:"text-xs text-orange-600",children:[e.jsx("strong",{children:"Tools:"})," Content generation, image creation, social media APIs"]})]}),e.jsxs("div",{className:"bg-gradient-to-br from-red-50 to-red-100 p-6 rounded-xl",children:[e.jsx("h3",{className:"font-semibold text-red-800 mb
93-3",children:"DevOps Assistant"}),e.jsx("p",{className:"text-red-700 text-sm mb-4",children:"Agents that can monitor systems, deploy code, and respond to incidents."}),e.jsxs("div",{className:"text-xs text-red-600",children:[e.jsx("strong",{children:"Tools:"})," Cloud APIs, monitoring systems, deployment tools"]})]}),e.jsxs("div",{className:"bg-gradient-to-br from-indigo-50 to-indigo-100 p-6 rounded-xl",children:[e.jsx("h3",{className:"font-semibold text-indigo-800 mb-3",children:"Personal Assistant"}),e.jsx("p",{className:"text-indigo-700 text-sm mb-4",children:"Agents that can manage calendars, book travel, and handle personal tasks."}),e.jsxs("div",{className:"text-xs text-indigo-600",children:[e.jsx("strong",{children:"Tools:"})," Calendar, travel booking, task management"]})]})]})]}),e.jsxs("div",{className:"mb-16",children:[e.jsx("h2",{className:"text-3xl font-bold mb-8",children:"Best Practices"}),e.jsx("div",{className:"bg-white p-8 rounded-xl shadow-sm border",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-8",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-xl font-semibold mb-4 text-green-700",children:"Do's"}),e.jsxs("ul",{className:"space-y-3",children:[e.jsxs("li",{className:"flex items-start",children:[e.jsx("div",{className:"w-2 h-2 bg-green-500 rounded-full mt-2 mr-3 flex-shrink-0"}),"Start simple and iterate based on real-world usage"]}),e.jsxs("li",{className:"flex items-start",children:[e.jsx("div",{className:"w-2 h-2 bg-green-500 rounded-full mt-2 mr-3 flex-shrink-0"}),"Implement comprehensive logging and monitoring"]}),e.jsxs("li",{className:"flex items-start",children:[e.jsx("div",{className:"w-2 h-2 bg-green-500 rounded-full mt-2 mr-3 flex-shrink-0"}),"Test thoroughly with edge cases and adversarial inputs"]}),e.jsxs("li",{className:"flex items-start",children:[e.jsx("div",{className:"w-2 h-2 bg-green-500 rounded-full mt-2 mr-3 flex-shrink-0"}),"Design clear fallback mechanisms for failures"]}),e.jsxs("li",{className:"flex items-start",children:[e.jsx("div",{className:"w-2 h-2 bg-green-500 rounded-full mt-2 mr-3 flex-shrink-0"}),"Document your agent's capabilities and limitations"]})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-xl font-semibold mb-4 text-red-700",children:"Don'ts"}),e.jsxs("ul",{className:"space-y-3",children:[e.jsxs("li",{className:"flex items-start",children:[e.jsx("div",{className:"w-2 h-2 bg-red-500 rounded-full mt-2 mr-3 flex-shrink-0"}),"Give agents access to sensitive systems without safeguards"]}),e.jsxs("li",{className:"flex items-start",children:[e.jsx("div",{className:"w-2 h-2 bg-red-500 rounded-full mt-2 mr-3 flex-shrink-0"}),"Assume the agent will always behave as expected"]}),e.jsxs("li",{className:"flex items-start",children:[e.jsx("div",{className:"w-2 h-2 bg-red-500 rounded-full mt-2 mr-3 flex-shrink-0"}),"Ignore the costs of API calls and compute resources"]}),e.jsxs("li",{className:"flex items-start",children:[e.jsx("div",{className:"w-2 h-2 bg-red-500 rounded-full mt-2 mr-3 flex-shrink-0"}),"Deploy without human oversight mechanisms"]}),e.jsxs("li",{className:"flex items-start",children:[e.jsx("div",{className:"w-2 h-2 bg-red-500 rounded-full mt-2 mr-3 flex-shrink-0"}),"Overcomplicate the initial implementation"]})]})]})]})})]}),e.jsxs("div",{className:"mb-16",children:[e.jsx("h2",{className:"text-3xl font-bold mb-8",children:"Resources and Next Steps"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-8",children:[e.jsxs("div",{className:"bg-white p-6 rounded-xl shadow-sm border",children:[e.jsx("h3",{className:"text-xl font-semibold mb-4",children:"Learning Resources"}),e.jsxs("ul",{className:"space-y-3 text-sm",children:[e.jsxs("li",{className:"flex items-center",children:[e.jsx(s,{size:16,className:"text-primary mr-2"}),e.jsx("a",{href:"https://langchain.readthedocs.io/",target:"_blank",rel:"noopener noreferrer",className:"text-blue-600 hover:underline",children:"LangChain Documentation"})]}),e.jsxs("li",{className:"flex items-center",children:[e.jsx(s,{size:16,className:"text-primary mr-2"}),e.jsx("a",{href:"https://microsoft.github.io/semantic-kernel/",target:"_blank",rel:"noopener noreferrer",className:"text-blue-600 hover:underline",children:"Microsoft Semantic Kernel"})]}),e.jsxs("li",{className:"flex items-center",children:[e.jsx(s,{size:16,className:"text-primary mr-2"}),e.jsx("a",{href:"https://docs.crewai.com/",target:"_blank",rel:"noopener noreferrer",className:"text-blue-600 hover:underline",children:"CrewAI Documentation"})]}),e.jsxs("li",{className:"flex items-center",children:[e.jsx(s,{size:16,className:"text-primary mr-2"}),e.jsx("a",{href:"https://openai.com/research/function-calling-and-other-api-updates",target:"_blank",rel:"noopener noreferrer",className:"text-blue-600 hover:underline",children:"OpenAI Function Calling"})]})]})]}),e.jsxs("div",{className:"bg-white p-6 rounded-xl shadow-sm border",children:[e.jsx("h3",{className:"text-xl font-semibold mb-4",children:"Related Topics"}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs(r,{to:"/prompts",className:"block p-3 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"font-medium",children:"Prompt Engineering"}),e.jsx(s,{size:16,className:"text-gray-400"})]}),e.jsx("p",{className:"text-sm text-gray-600 mt-1",children:"Learn to write effective prompts for your agents"})]}),e.jsxs(r,{to:"/api-integration",className:"block p-3 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"font-medium",children:"API Integration"}),e.jsx(s,{size:16,className:"text-gray-400"})]}),e.jsx("p",{className:"text-sm text-gray-600 mt-1",children:"Connect your agents to external services"})]}),e.jsxs(r,{to:"/security",className:"block p-3 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"font-medium",children:"Security Best Practices"}),e.jsx(s,{size:16,className:"text-gray-400"})]}),e.jsx("p",{className:"text-sm text-gray-600 mt-1",children:"Secure your AI agents and protect sensitive data"})]})]})]})]})]}),e.jsxs("div",{className:"bg-gradient-to-r from-primary to-purple-600 rounded-xl p-8 text-white text-center",children:[e.jsx("h2",{className:"text-2xl font-bold mb-4",children:"Ready to Build Your First AI Agent?"}),e.jsx("p",{className:"text-lg mb-6 opacity-90",children:"Start with our comprehensive guides and tools to create intelligent, autonomous agents."}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-4 justify-center",children:[e.jsx(r,{to:"/getting-started",className:"bg-white text-primary px-6 py-3 rounded-lg font-semibold hover:bg-gray-100 transition-colors",children:"Get Started"}),e.jsx(r,{to:"/tools",className:"border border-white text-white px-6 py-3 rounded-lg font-semibold hover:bg-white/10 transition-colors",children:"Explore Tools"})]})]}),e.jsxs("div",{className:"mt-16 mb-16",children:[e.jsx("h2",{className:"text-2xl md:text-3xl font-bold mb-8 text-center",children:"Featured Videos: Building AI Agents"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto",children:[e.jsxs("div",{children:[e.jsx("div",{className:"aspect-w-16 aspect-h-9 w-full rounded-lg overflow-hidden shadow-lg",children:e.jsx("iframe",{src:"https://www.youtube.com/embed/EH5jx5qPabU?si=7dEbow-cBFKdVquJ",title:"Vibe Coding YouTube Video 1",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",className:"w-full h-full",allowFullScreen:!0})}),e.jsxs("div",{className:"mt-4 bg-white rounded-lg p-4 shadow text-gray-800 text-sm",children:[e.jsx("h3",{className:"font-semibold mb-2",children:"Prompt Engineering: Building LLM Apps, Agents & Function Calling (2024 Tutorial)"}),e.jsx("p",{children:"Discover prompt engineering best practices, LangChain agent frameworks, LLM function calling, and how to use tools like OpenAI GPT-6.1 and Llama 3 to build advanced AI assistants and autonomous agents. We cover hands-on coding, tool integration, and real-world examples to help you build your own AI apps."})]})]}),e.jsxs("div",{children:[e.jsx("div",{className:"aspect-w-16 aspect-h-9 w-full rounded-lg overflow-hidden shadow-lg",children:e.jsx("iframe",{src:"https://www.youtube.com/embed/xekw62yQu14?si=ifstbWm2ila3QL1C",title:"Vibe Coding YouTube Video 2",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",className:"w-full h-full",allowFullScreen:!0})}),e.jsxs("div",{className:"mt-4 bg-white rounded-lg p-4 shadow text-gray-800 text-sm",children:[e.jsx("h3",{className:"font-semibold mb-2",children:"Building Modern AI Agents with OpenAI, LangChain & Function Calling"}),e.jsx("p",{children:"Learn how to implement AI agents using OpenAI models, LangChain, function calling, tools/plugins, memory, and trusted frameworks from scratch! This video includes practical code walk-throughs, ar
93chitecture advice, and strategies for integrating external APIs and productionizing your AI solutions."})]})]})]})]})]})})]});export{O as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.