[{"_1":2,"_73":-5,"_74":-5},"loaderData",{"_3":4,"_19":20},"root",{"_5":6},"ENV",{"_7":8,"_9":10,"_11":12,"_13":14,"_15":16,"_17":18},"COGNITO_AUTHORITY","https://cognito-idp.us-east-1.amazonaws.com/us-east-1_TPvOcaNdI","COGNITO_DOMAIN","https://us-east-1tpvocandi.auth.us-east-1.amazoncognito.com","COGNITO_CLIENT_ID","5jstnjeo3lo60ueea2m3d5nubb","COGNITO_REDIRECT_URI","https://orchestrate-ai.io/auth/callback","COGNITO_SCOPE","email openid phone","COGNITO_RESPONSE_TYPE","code","routes/blog.tag.$tag",{"_21":22,"_23":24,"_60":61},"tag","ai agents","posts",[25],{"_26":27,"_28":29,"_46":47,"_48":49,"_50":51},"slug","building-with-ai-agents","frontmatter",{"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_44":45},"title","Building Applications with AI Agents","date","2024-01-20","author","Engineering Team","description","A comprehensive guide to building production-ready applications using AI agents","tags",[40,41,42,43],"AI Agents","Development","Best Practices","Architecture","featured",true,"content","\n# Building Applications with AI Agents\n\nAI agents are transforming how we build applications. Instead of writing deterministic code for every scenario, we can create intelligent agents that adapt and respond to complex situations.\n\n## Understanding AI Agents\n\nAn AI agent is a software entity that perceives its environment, reasons about situations using AI models, acts autonomously to achieve goals, and learns from interactions.\n\n### Types of AI Agents\n\n1. **Reactive Agents** - Respond to immediate inputs\n2. **Planning Agents** - Create multi-step strategies \n3. **Learning Agents** - Improve performance over time\n4. **Social Agents** - Collaborate with other agents\n\n## Architecture Patterns\n\n### Single Agent Architecture\n\nA simple agent example:\n\n```typescript\nclass ResearchAgent {\n async research(topic: string): Promise {\n const sources = await this.findSources(topic);\n const analysis = await this.analyzeSources(sources);\n return this.synthesizeFindings(analysis);\n }\n}\n```\n\n### Multi-Agent Coordination\n\nFor complex tasks, multiple agents work together:\n\n```typescript\nclass AgentOrchestrator {\n private agents: Map = new Map();\n \n async executeWorkflow(task: ComplexTask): Promise {\n const plan = await this.planningAgent.createPlan(task);\n const results = await this.coordinateExecution(plan);\n return this.synthesisAgent.combine(results);\n }\n}\n```\n\n## Best Practices\n\n### Clear Agent Responsibilities\n\nDefine specific roles for each agent:\n- Research Agent gathers information\n- Analysis Agent processes data \n- Synthesis Agent creates final output\n\n### Robust Error Handling\n\nImplement retry logic and graceful failure handling:\n\n```typescript\nclass ResilientAgent {\n async executeWithRetry(task: Task, maxRetries = 3): Promise {\n for (let attempt = 1; attempt <= maxRetries; attempt++) {\n try {\n return await this.execute(task);\n } catch (error) {\n if (attempt === maxRetries) throw error;\n await this.handleError(error, attempt);\n }\n }\n }\n}\n```\n\n## Real-World Implementation\n\n### Team Creation System\n\nOur platform uses AI agents for dynamic team creation:\n\n1. Requirements Agent analyzes project needs\n2. Skills Agent matches required capabilities\n3. Optimization Agent balances team composition\n4. Coordination Agent manages team workflows\n\n### Performance Metrics\n\nTrack these key metrics:\n- Task Completion Rate: Over 95 percent success rate\n- Average Response Time: Under two seconds\n- Error Recovery Rate: 98 percent automatic recovery\n- User Satisfaction: 4.8 out of 5 rating\n\n## Tools and Technologies\n\n### Local LLM Integration\n\nIntegrate with local language models:\n\n```typescript\nclass LocalLLMAgent {\n constructor(private llmClient: LocalLLMClient) {}\n \n async generateResponse(context: string): Promise {\n return await this.llmClient.complete({\n prompt: this.buildPrompt(context),\n temperature: 0.7,\n maxTokens: 1000\n });\n }\n}\n```\n\n## Getting Started\n\n1. Start Simple - Begin with single-purpose agents\n2. Iterate Quickly - Use rapid prototyping\n3. Monitor Everything - Implement observability from day one\n4. Scale Gradually - Add complexity as you learn\n\n## Conclusion\n\nBuilding with AI agents opens up new possibilities for creating intelligent, adaptive applications. By following best practices and starting with clear, focused use cases, you can harness the power of AI to build systems that truly understand and respond to user needs.\n\nReady to build your own agent system? Check out our agents platform to get started.\n\n---\n\n*This article was researched and enhanced using our AI agent orchestration platform.*","compiledContent","\"use strict\";\nconst {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n a: \"a\",\n code: \"code\",\n em: \"em\",\n h1: \"h1\",\n h2: \"h2\",\n h3: \"h3\",\n hr: \"hr\",\n li: \"li\",\n ol: \"ol\",\n p: \"p\",\n pre: \"pre\",\n span: \"span\",\n strong: \"strong\",\n ul: \"ul\",\n ...props.components\n };\n return _jsxs(_Fragment, {\n children: [_jsx(_components.h1, {\n id: \"building-applications-with-ai-agents\",\n children: _jsx(_components.a, {\n href: \"#building-applications-with-ai-agents\",\n children: \"Building Applications with AI Agents\"\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"AI agents are transforming how we build applications. Instead of writing deterministic code for every scenario, we can create intelligent agents that adapt and respond to complex situations.\"\n }), \"\\n\", _jsx(_components.h2, {\n id: \"understanding-ai-agents\",\n children: _jsx(_components.a, {\n href: \"#understanding-ai-agents\",\n children: \"Understanding AI Agents\"\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"An AI agent is a software entity that perceives its environment, reasons about situations using AI models, acts autonomously to achieve goals, and learns from interactions.\"\n }), \"\\n\", _jsx(_components.h3, {\n id: \"types-of-ai-agents\",\n children: _jsx(_components.a, {\n href: \"#types-of-ai-agents\",\n children: \"Types of AI Agents\"\n })\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: \"Reactive Agents\"\n }), \" - Respond to immediate inputs\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: \"Planning Agents\"\n }), \" - Create multi-step strategies\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: \"Learning Agents\"\n }), \" - Improve performance over time\"]\n }), \"\\n\", _jsxs(_components.li, {\n children: [_jsx(_components.strong, {\n children: \"Social Agents\"\n }), \" - Collaborate with other agents\"]\n }), \"\\n\"]\n }), \"\\n\", _jsx(_components.h2, {\n id: \"architecture-patterns\",\n children: _jsx(_components.a, {\n href: \"#architecture-patterns\",\n children: \"Architecture Patterns\"\n })\n }), \"\\n\", _jsx(_components.h3, {\n id: \"single-agent-architecture\",\n children: _jsx(_components.a, {\n href: \"#single-agent-architecture\",\n children: \"Single Agent Architecture\"\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"A simple agent example:\"\n }), \"\\n\", _jsx(_components.pre, {\n children: _jsxs(_components.code, {\n className: \"hljs language-typescript\",\n children: [_jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"class\"\n }), \" \", _jsx(_components.span, {\n className: \"hljs-title class_\",\n children: \"ResearchAgent\"\n }), \" {\\n \", _jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"async\"\n }), \" \", _jsx(_components.span, {\n className: \"hljs-title function_\",\n children: \"research\"\n }), \"(\", _jsx(_components.span, {\n className: \"hljs-attr\",\n children: \"topic\"\n }), \": \", _jsx(_components.span, {\n className: \"hljs-built_in\",\n children: \"string\"\n }), \"): \", _jsx(_components.span, {\n className: \"hljs-title class_\",\n children: \"Promise\"\n }), \"<\", _jsx(_components.span, {\n className: \"hljs-title class_\",\n children: \"ResearchResult\"\n }), \"> {\\n \", _jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"const\"\n }), \" sources = \", _jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"await\"\n }), \" \", _jsx(_components.span, {\n className: \"hljs-variable language_\",\n children: \"this\"\n }), \".\", _jsx(_components.span, {\n className: \"hljs-title function_\",\n children: \"findSources\"\n }), \"(topic);\\n \", _jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"const\"\n }), \" analysis = \", _jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"await\"\n }), \" \", _jsx(_components.span, {\n className: \"hljs-variable language_\",\n children: \"this\"\n }), \".\", _jsx(_components.span, {\n className: \"hljs-title function_\",\n children: \"analyzeSources\"\n }), \"(sources);\\n \", _jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"return\"\n }), \" \", _jsx(_components.span, {\n className: \"hljs-variable language_\",\n children: \"this\"\n }), \".\", _jsx(_components.span, {\n className: \"hljs-title function_\",\n children: \"synthesizeFindings\"\n }), \"(analysis);\\n }\\n}\\n\"]\n })\n }), \"\\n\", _jsx(_components.h3, {\n id: \"multi-agent-coordination\",\n children: _jsx(_components.a, {\n href: \"#multi-agent-coordination\",\n children: \"Multi-Agent Coordination\"\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"For complex tasks, multiple agents work together:\"\n }), \"\\n\", _jsx(_components.pre, {\n children: _jsxs(_components.code, {\n className: \"hljs language-typescript\",\n children: [_jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"class\"\n }), \" \", _jsx(_components.span, {\n className: \"hljs-title class_\",\n children: \"AgentOrchestrator\"\n }), \" {\\n \", _jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"private\"\n }), \" \", _jsx(_components.span, {\n className: \"hljs-attr\",\n children: \"agents\"\n }), \": \", _jsx(_components.span, {\n className: \"hljs-title class_\",\n children: \"Map\"\n }), \"<\", _jsx(_components.span, {\n className: \"hljs-built_in\",\n children: \"string\"\n }), \", \", _jsx(_components.span, {\n className: \"hljs-title class_\",\n children: \"Agent\"\n }), \"> = \", _jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"new\"\n }), \" \", _jsx(_components.span, {\n className: \"hljs-title class_\",\n children: \"Map\"\n }), \"();\\n \\n \", _jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"async\"\n }), \" \", _jsx(_components.span, {\n className: \"hljs-title function_\",\n children: \"executeWorkflow\"\n }), \"(\", _jsx(_components.span, {\n className: \"hljs-attr\",\n children: \"task\"\n }), \": \", _jsx(_components.span, {\n className: \"hljs-title class_\",\n children: \"ComplexTask\"\n }), \"): \", _jsx(_components.span, {\n className: \"hljs-title class_\",\n children: \"Promise\"\n }), \"<\", _jsx(_components.span, {\n className: \"hljs-title class_\",\n children: \"Result\"\n }), \"> {\\n \", _jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"const\"\n }), \" plan = \", _jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"await\"\n }), \" \", _jsx(_components.span, {\n className: \"hljs-variable language_\",\n children: \"this\"\n }), \".\", _jsx(_components.span, {\n className: \"hljs-property\",\n children: \"planningAgent\"\n }), \".\", _jsx(_components.span, {\n className: \"hljs-title function_\",\n children: \"createPlan\"\n }), \"(task);\\n \", _jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"const\"\n }), \" results = \", _jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"await\"\n }), \" \", _jsx(_components.span, {\n className: \"hljs-variable language_\",\n children: \"this\"\n }), \".\", _jsx(_components.span, {\n className: \"hljs-title function_\",\n children: \"coordinateExecution\"\n }), \"(plan);\\n \", _jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"return\"\n }), \" \", _jsx(_components.span, {\n className: \"hljs-variable language_\",\n children: \"this\"\n }), \".\", _jsx(_components.span, {\n className: \"hljs-property\",\n children: \"synthesisAgent\"\n }), \".\", _jsx(_components.span, {\n className: \"hljs-title function_\",\n children: \"combine\"\n }), \"(results);\\n }\\n}\\n\"]\n })\n }), \"\\n\", _jsx(_components.h2, {\n id: \"best-practices\",\n children: _jsx(_components.a, {\n href: \"#best-practices\",\n children: \"Best Practices\"\n })\n }), \"\\n\", _jsx(_components.h3, {\n id: \"clear-agent-responsibilities\",\n children: _jsx(_components.a, {\n href: \"#clear-agent-responsibilities\",\n children: \"Clear Agent Responsibilities\"\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"Define specific roles for each agent:\"\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsx(_components.li, {\n children: \"Research Agent gathers information\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"Analysis Agent processes data\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"Synthesis Agent creates final output\"\n }), \"\\n\"]\n }), \"\\n\", _jsx(_components.h3, {\n id: \"robust-error-handling\",\n children: _jsx(_components.a, {\n href: \"#robust-error-handling\",\n children: \"Robust Error Handling\"\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"Implement retry logic and graceful failure handling:\"\n }), \"\\n\", _jsx(_components.pre, {\n children: _jsxs(_components.code, {\n className: \"hljs language-typescript\",\n children: [_jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"class\"\n }), \" \", _jsx(_components.span, {\n className: \"hljs-title class_\",\n children: \"ResilientAgent\"\n }), \" {\\n \", _jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"async\"\n }), \" \", _jsx(_components.span, {\n className: \"hljs-title function_\",\n children: \"executeWithRetry\"\n }), \"(\", _jsx(_components.span, {\n className: \"hljs-attr\",\n children: \"task\"\n }), \": \", _jsx(_components.span, {\n className: \"hljs-title class_\",\n children: \"Task\"\n }), \", maxRetries = \", _jsx(_components.span, {\n className: \"hljs-number\",\n children: \"3\"\n }), \"): \", _jsx(_components.span, {\n className: \"hljs-title class_\",\n children: \"Promise\"\n }), \"<\", _jsx(_components.span, {\n className: \"hljs-title class_\",\n children: \"Result\"\n }), \"> {\\n \", _jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"for\"\n }), \" (\", _jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"let\"\n }), \" attempt = \", _jsx(_components.span, {\n className: \"hljs-number\",\n children: \"1\"\n }), \"; attempt <= maxRetries; attempt++) {\\n \", _jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"try\"\n }), \" {\\n \", _jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"return\"\n }), \" \", _jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"await\"\n }), \" \", _jsx(_components.span, {\n className: \"hljs-variable language_\",\n children: \"this\"\n }), \".\", _jsx(_components.span, {\n className: \"hljs-title function_\",\n children: \"execute\"\n }), \"(task);\\n } \", _jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"catch\"\n }), \" (error) {\\n \", _jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"if\"\n }), \" (attempt === maxRetries) \", _jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"throw\"\n }), \" error;\\n \", _jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"await\"\n }), \" \", _jsx(_components.span, {\n className: \"hljs-variable language_\",\n children: \"this\"\n }), \".\", _jsx(_components.span, {\n className: \"hljs-title function_\",\n children: \"handleError\"\n }), \"(error, attempt);\\n }\\n }\\n }\\n}\\n\"]\n })\n }), \"\\n\", _jsx(_components.h2, {\n id: \"real-world-implementation\",\n children: _jsx(_components.a, {\n href: \"#real-world-implementation\",\n children: \"Real-World Implementation\"\n })\n }), \"\\n\", _jsx(_components.h3, {\n id: \"team-creation-system\",\n children: _jsx(_components.a, {\n href: \"#team-creation-system\",\n children: \"Team Creation System\"\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"Our platform uses AI agents for dynamic team creation:\"\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsx(_components.li, {\n children: \"Requirements Agent analyzes project needs\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"Skills Agent matches required capabilities\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"Optimization Agent balances team composition\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"Coordination Agent manages team workflows\"\n }), \"\\n\"]\n }), \"\\n\", _jsx(_components.h3, {\n id: \"performance-metrics\",\n children: _jsx(_components.a, {\n href: \"#performance-metrics\",\n children: \"Performance Metrics\"\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"Track these key metrics:\"\n }), \"\\n\", _jsxs(_components.ul, {\n children: [\"\\n\", _jsx(_components.li, {\n children: \"Task Completion Rate: Over 95 percent success rate\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"Average Response Time: Under two seconds\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"Error Recovery Rate: 98 percent automatic recovery\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"User Satisfaction: 4.8 out of 5 rating\"\n }), \"\\n\"]\n }), \"\\n\", _jsx(_components.h2, {\n id: \"tools-and-technologies\",\n children: _jsx(_components.a, {\n href: \"#tools-and-technologies\",\n children: \"Tools and Technologies\"\n })\n }), \"\\n\", _jsx(_components.h3, {\n id: \"local-llm-integration\",\n children: _jsx(_components.a, {\n href: \"#local-llm-integration\",\n children: \"Local LLM Integration\"\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"Integrate with local language models:\"\n }), \"\\n\", _jsx(_components.pre, {\n children: _jsxs(_components.code, {\n className: \"hljs language-typescript\",\n children: [_jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"class\"\n }), \" \", _jsx(_components.span, {\n className: \"hljs-title class_\",\n children: \"LocalLLMAgent\"\n }), \" {\\n \", _jsx(_components.span, {\n className: \"hljs-title function_\",\n children: \"constructor\"\n }), \"(\", _jsxs(_components.span, {\n className: \"hljs-params\",\n children: [_jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"private\"\n }), \" \", _jsx(_components.span, {\n className: \"hljs-attr\",\n children: \"llmClient\"\n }), \": \", _jsx(_components.span, {\n className: \"hljs-title class_\",\n children: \"LocalLLMClient\"\n })]\n }), \") {}\\n \\n \", _jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"async\"\n }), \" \", _jsx(_components.span, {\n className: \"hljs-title function_\",\n children: \"generateResponse\"\n }), \"(\", _jsx(_components.span, {\n className: \"hljs-attr\",\n children: \"context\"\n }), \": \", _jsx(_components.span, {\n className: \"hljs-built_in\",\n children: \"string\"\n }), \"): \", _jsx(_components.span, {\n className: \"hljs-title class_\",\n children: \"Promise\"\n }), \"<\", _jsx(_components.span, {\n className: \"hljs-built_in\",\n children: \"string\"\n }), \"> {\\n \", _jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"return\"\n }), \" \", _jsx(_components.span, {\n className: \"hljs-keyword\",\n children: \"await\"\n }), \" \", _jsx(_components.span, {\n className: \"hljs-variable language_\",\n children: \"this\"\n }), \".\", _jsx(_components.span, {\n className: \"hljs-property\",\n children: \"llmClient\"\n }), \".\", _jsx(_components.span, {\n className: \"hljs-title function_\",\n children: \"complete\"\n }), \"({\\n \", _jsx(_components.span, {\n className: \"hljs-attr\",\n children: \"prompt\"\n }), \": \", _jsx(_components.span, {\n className: \"hljs-variable language_\",\n children: \"this\"\n }), \".\", _jsx(_components.span, {\n className: \"hljs-title function_\",\n children: \"buildPrompt\"\n }), \"(context),\\n \", _jsx(_components.span, {\n className: \"hljs-attr\",\n children: \"temperature\"\n }), \": \", _jsx(_components.span, {\n className: \"hljs-number\",\n children: \"0.7\"\n }), \",\\n \", _jsx(_components.span, {\n className: \"hljs-attr\",\n children: \"maxTokens\"\n }), \": \", _jsx(_components.span, {\n className: \"hljs-number\",\n children: \"1000\"\n }), \"\\n });\\n }\\n}\\n\"]\n })\n }), \"\\n\", _jsx(_components.h2, {\n id: \"getting-started\",\n children: _jsx(_components.a, {\n href: \"#getting-started\",\n children: \"Getting Started\"\n })\n }), \"\\n\", _jsxs(_components.ol, {\n children: [\"\\n\", _jsx(_components.li, {\n children: \"Start Simple - Begin with single-purpose agents\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"Iterate Quickly - Use rapid prototyping\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"Monitor Everything - Implement observability from day one\"\n }), \"\\n\", _jsx(_components.li, {\n children: \"Scale Gradually - Add complexity as you learn\"\n }), \"\\n\"]\n }), \"\\n\", _jsx(_components.h2, {\n id: \"conclusion\",\n children: _jsx(_components.a, {\n href: \"#conclusion\",\n children: \"Conclusion\"\n })\n }), \"\\n\", _jsx(_components.p, {\n children: \"Building with AI agents opens up new possibilities for creating intelligent, adaptive applications. By following best practices and starting with clear, focused use cases, you can harness the power of AI to build systems that truly understand and respond to user needs.\"\n }), \"\\n\", _jsx(_components.p, {\n children: \"Ready to build your own agent system? Check out our agents platform to get started.\"\n }), \"\\n\", _jsx(_components.hr, {}), \"\\n\", _jsx(_components.p, {\n children: _jsx(_components.em, {\n children: \"This article was researched and enhanced using our AI agent orchestration platform.\"\n })\n })]\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = props.components || ({});\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","readingTime",{"_52":53,"_54":55,"_56":57,"_58":59},"text","3 min read","minutes",2.435,"time",146100,"words",487,"allTags",[62,40,43,42,63,41,64,65,66,67,68,69,70,71,72],"AI","Cost Optimization","LLM","Local AI","Orchestration","Privacy","Tutorial","blog","development","mdx","testing","actionData","errors"]

Posts tagged

Building Applications with AI Agents

All Tags

Quick Actions