{
  "id": 11168713,
  "title": "I Built an Open-Source Studio for Building, Testing, and Deploying AI Agents",
  "url": "https://urgent.news/2026/10/01/i-built-an-open-source-studio-for-building-testing-and-deploying-ai",
  "topic": "ai",
  "section": "AI",
  "published": "2026-10-01T10:38:09.000Z",
  "source": {
    "name": "Dev.to",
    "slug": "dev-to",
    "url": "https://dev.to/judejulius/i-built-an-open-source-studio-for-building-testing-and-deploying-ai-agents-1l7d"
  },
  "original_language": "en",
  "account": "Building an AI chatbot is simple, but deploying one with advanced features like tools, knowledge, memory, observability, evaluations, human handoff, multiple model providers, workflows, and a user interface is a different challenge. This challenge inspired the creation of Chatbot Studio, an open-source platform for building and publishing AI agents. The project is MIT licensed, can be self-hosted, and is available on GitHub.\n\nThe main problem faced by AI projects is the need for tools, retrieval, credentials, streaming, conversation state, rate limits, evaluations, traces, a UI, and the ability to transition to a website or human handoff. Chatbot Studio addresses these challenges by separating the agent (model, knowledge, tools, runtime controls) from the chatbot (presentation layer for a specific channel).\n\nThe architecture of Chatbot Studio revolves around two main components: the agent and the published chatbot. The agent owns aspects such as model provider, system instructions, tools, MCP servers, knowledge, memory, skills, guardrails, sandbox settings, and human-in-the-loop behavior. The published chatbot handles channel-specific aspects like appearance, allowed domains, usage limits, launcher configuration, welcome experience, suggested prompts, and publishing state. This separation allows for independent improvements to the agent without affecting existing chatbots.\n\nChatbot Studio provides a comprehensive suite of tools for building and testing agents, including support for various provider families such as OpenAI, Anthropic, Google Gemini, Groq, OpenRouter, Ollama, and OpenAI-compatible endpoints. Agents can be connected to knowledge bases, tools, MCP servers, memory, skills, guardrails, and other runtime controls. The platform also supports Model Context Protocol (MCP) servers, enabling external capabilities to be attached to agents seamlessly.\n\nKnowledge bases can be integrated with agents, allowing for reusable knowledge resources that can be part of a broader agent configuration. The chatbot is designed as a Web Component, making it framework-independent and easily customizable. The chatbot is built using a Shadow DOM to prevent style clashes with the host website, and it exposes a small JavaScript API for interaction. The chatbot also emits events for various stages of the conversation.\n\nWith Chatbot Studio, customization is achieved through a real renderer, ensuring that the editor preview and the shipped widget share the same rendering path. Integration with websites can be done using a browser-native custom element, and the platform provides integrations for popular frameworks such as native HTML, React, Vue, Angular, and WordPress. This approach reduces the need for maintaining multiple chatbot implementations and allows for seamless integration into various environments.",
  "summary": "I Built an Open-Source Studio for Building and Shipping AI Agents Building an AI chatbot is easy. Shipping one that has tools, knowledge, memory, observability, evaluations, human handoff, multiple model providers, workflows, and an actual interface your users can interact with is a different problem. That gap is what led me to build Chatbot Studio . It's an open-source platform for building AI…",
  "key_points": [
    "Chatbot Studio is an open-source platform for building AI agents.",
    "Separates agent and chatbot components for independent improvements.",
    "Provides tools for agent building, testing, and deployment."
  ],
  "editors_take": null,
  "illustration": null,
  "coverage": {
    "outlets": 1,
    "also_reported_by": []
  },
  "ai_generated": true,
  "disclaimer": "Summaries, key points and the editor’s take are written by software from other outlets’ reporting and may contain errors — always check the linked original."
}