Agent skill · software engineering · aiskillstore
chatkit-botbuilder
Guide for creating production-grade ChatKit chatbots that integrate OpenAI Agents SDK with MCP tools and custom backends. Use when building AI-powered chatbots with specialized capabilities, real-time task execution, and user isolation for any application.
Why this skill is useful
Provides a complete architecture pattern and executable code snippets for integrating ChatKit with OpenAI Agents and custom backends, enabling real-time task execution and user isolation.
What it needs
Requires fastapi, next.js, react installed locally. Requires openai account access. About 7k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
ChatKit Botbuilder Overview Create production-grade chatbots using the OpenAI ChatKit framework. This skill enables building chatbots that: Integrate AI Agents: Use OpenAI Agents SDK for intelligent conversation handling Execute Tools: Connect MCP (Model Context Protocol) tools for real-world task execution Support Custom Backends: Build FastAPI backends with full protocol support Ensure User Isolation: Implement multi-user systems with JWT authentication Real-Time Synchronization: Enable live UI updates when chatbot performs actions Flexible Deployment: Deploy to web, mobile, or desktop applications This skill provides the complete architecture pattern for ChatKit integration, from frontend configuration to backend server implementation. --- When to Use This Skill Use this skill when you need to: 1. Build a task management chatbot - Create conversational interfaces for task creation, updates, completion 2. Integrate AI into existing apps - Add ChatKit to dashboards, web apps, or platforms 3. Create specialized AI assistants - Build domain-specific chatbots with custom tool integrations 4. Implement multi-user chatbots - Create systems where each user has isolated conversations and data 5. Add real-time capabilities - Build chatbots that trigger actual application changes 6. Deploy AI conversations - Create chatbots that interact with your database and APIs --- Architecture Overview High-Level Flow Key Components 1. Frontend (Next.js + ChatKit SDK) ChatKit UI component with conversation history JWT token management in localStorage Custom fetch wrapper with Bearer token authentication Real-time auto-refresh to sync with backend changes 2. Backend (FastAPI + ChatKit Server) ChatKit protocol endpoint handling requests MyChatKitServer class extending ChatKitServer User isolation through JWT middleware Tool wrapper functions for automatic userid injection 3. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/chatkit-botbuilder