{"slug": "i-built-a-web-chatbot-with-a-telnyx-ai-assistant", "title": "I Built a Web Chatbot with a Telnyx AI Assistant", "summary": "Telnyx demonstrated a web chatbot built with its AI Assistant API, using a Flask server to handle conversations while keeping the API key server-side. The assistant, configured in the Telnyx Portal, answers questions about Telnyx and the concept of a 'Frankenstack' without requiring phone number setup or webhook tunnels. This pattern allows product teams to tune assistant instructions in the Portal while developers control the frontend and authentication.", "body_md": "Most AI assistant demos jump straight to voice. Voice is great, but a web chat is often the cleanest place to start.\n\nYou can prove the core idea quickly: configure an assistant in the Portal, send it user messages through the API, and render the response in your own interface.\n\nThe Telnyx code example for this is:\n\n[https://github.com/team-telnyx/telnyx-code-examples/tree/main/chat-with-ai-assistant-python](https://github.com/team-telnyx/telnyx-code-examples/tree/main/chat-with-ai-assistant-python)\n\nThe assistant lives in Telnyx. The UI lives in your app.\n\nThat split is useful. Product teams can tune the assistant instructions in the Telnyx Mission Control Portal, while developers keep full control over the frontend, authentication, routing, styling, logging, and product-specific behavior.\n\nFor this demo, I used the assistant as a Telnyx Chatbot. It answers questions like what Telnyx does, what a Frankenstack is, and how AI Assistants fit into programmable communications.\n\nThe app is a small Flask server with a browser UI.\n\nWhen the page loads, the backend creates a Telnyx conversation. When the user sends a message, the backend sends that message to the Assistant Chat API. The assistant response comes back as text and the UI renders it in the chat window.\n\nThe important part is that the API key stays on the server. The browser only talks to the Flask app.\n\nThis is a good first AI Assistant project because there is no phone number setup, no webhook tunnel, and no call-control state machine. You can focus on the assistant lifecycle:\n\n```\ncreate conversation\nsend message\nrender response\ncontinue conversation\n```\n\nThat makes it easier to explain the difference between a Portal-managed assistant and a raw model completion. The assistant has configuration, instructions, conversation context, and product-level settings. Your app just decides where and how that assistant shows up.\n\n```\ngit clone https://github.com/team-telnyx/telnyx-code-examples.git\ncd telnyx-code-examples/chat-with-ai-assistant-python\ncp .env.example .env\npip install -r requirements.txt\npython app.py\n```\n\nEnvironment:\n\n```\nTELNYX_API_KEY=your_telnyx_api_key\nAI_ASSISTANT_ID=your_ai_assistant_id\nPORT=5000\n```\n\nOpen the local app and ask:\n\n```\nWhat is Telnyx?\n```\n\nThen ask:\n\n```\nWhat is a Frankenstack?\n```\n\nThose two questions make the demo easy to understand. Telnyx is the integrated communications and AI platform; a Frankenstack is what happens when teams stitch together separate vendors for telephony, speech-to-text, LLMs, text-to-speech, messaging, analytics, and workflows.\n\nFor a real product, I would add user accounts, persistent conversation history, analytics, rate limits, and a handoff path to a human or support workflow. If the same assistant also powers voice or messaging, I would keep the assistant's core instructions consistent and let each channel handle its own UX.\n\nThat is the nice part of this pattern: one assistant can power multiple user experiences, and the app decides how the experience feels.", "url": "https://wpnews.pro/news/i-built-a-web-chatbot-with-a-telnyx-ai-assistant", "canonical_source": "https://dev.to/botoclock/i-built-a-web-chatbot-with-a-telnyx-ai-assistant-4kjc", "published_at": "2026-06-30 20:19:15+00:00", "updated_at": "2026-06-30 20:49:07.589702+00:00", "lang": "en", "topics": ["ai-products", "developer-tools", "natural-language-processing", "ai-agents"], "entities": ["Telnyx", "Telnyx AI Assistant", "Telnyx Mission Control Portal", "Flask", "Telnyx Chatbot", "Telnyx Assistant Chat API"], "alternates": {"html": "https://wpnews.pro/news/i-built-a-web-chatbot-with-a-telnyx-ai-assistant", "markdown": "https://wpnews.pro/news/i-built-a-web-chatbot-with-a-telnyx-ai-assistant.md", "text": "https://wpnews.pro/news/i-built-a-web-chatbot-with-a-telnyx-ai-assistant.txt", "jsonld": "https://wpnews.pro/news/i-built-a-web-chatbot-with-a-telnyx-ai-assistant.jsonld"}}