# Add to your Claude Code skills
git clone https://github.com/cgoinglove/better-chatbot
README.md
[!WARNING]
The author of this project has paused development until February, however, I (@brrock) will try and address vulnerabilities and issues. If you are contributing, you might have to wait until development continues.
🚀 Live Demo | See the experience in action in the preview below!
Better Chatbot - A better open-source AI chatbot for individuals and teams, inspired by ChatGPT, Claude, Grok, and Gemini.
• Multi-AI Support - Integrates all major LLMs: OpenAI, Anthropic, Google, xAI, Ollama, and more
• Powerful Tools - MCP protocol, web search, JS/Python code execution, data visualization
• Image Generation - Create and edit images with AI models (OpenAI, Google Gemini, xAI)
• Automation - Custom agents, visual workflows, artifact generation
• Collaboration - Share agents, workflows, and MCP configurations with your team
• Voice Assistant - Realtime voice chat with full MCP tool integration
• Intuitive UX - Instantly invoke any feature with @mention
• Quick Start - Deploy free with Vercel Deploy button
Built with Vercel AI SDK and Next.js, combining the best features of leading AI services into one platform.
This project is evolving at lightning speed! ⚡️ We're constantly shipping new features and smashing bugs. Star this repo to join the ride and stay in the loop with the latest updates!
Preview
Get a feel for the UX — here's a quick look at what's possible.
🧩 Browser Automation with Playwright MCP
Example: Control a web browser using Microsoft's playwright-mcp tool.
The LLM autonomously decides how to use tools from the MCP server, calling them multiple times to complete a multi-step task and return a final message.
Sample prompt:
1. Use the @tool('web-search') to look up information about “modelcontetprotocol.”
2. Then, using : @mcp("playwright")
- navigate Google (https://www.google.com)
- Click the “Login” button
- Enter my email address (neo.cgoing@gmail.com)
- Clock the "Next" button
- Close the browser
🔗 Visual Workflows as Custom Tools
Example: Create custom workflows that become callable tools in your chat conversations.
Build visual workflows by connecting LLM nodes (for AI reasoning) and Tool nodes (for MCP tool execution)
Publish workflows to make them available as @workflow_name tools in chat
Chain complex multi-step processes into reusable, automated sequences
🤖 Custom Agents
Example: Create specialized AI agents with custom instructions and tool access.
Define custom agents with specific system prompts and available tools
Easily invoke agents in chat using @agent_name
Build task-specific assistants like a GitHub Manager agent with issue/PR tools and project context
Calling it with @github_manager to manage your repository
🎙️ Realtime Voice Assistant + MCP Tools
This demo showcases a realtime voice-based chatbot assistant built with OpenAI's new Realtime API — now extended with full MCP tool integration.
Talk to the assistant naturally, and watch it execute tools in real time.
⚡️ Quick Tool Mentions (@) & Presets
Quickly call tool during chat by typing @toolname.
No need to memorize — just type @ and pick from the list!
Tool Selection vs. Mentions (@) — When to Use What:
Tool Selection: Make frequently used tools always available to the LLM across all chats. Great for convenience and maintaining consistent context over time.
Mentions (@): Temporarily bind only the mentioned tools for that specific response. Since only the mentioned tools are sent to the LLM, this saves tokens and can improve speed and accuracy.
Each method has its own strengths — use them together to balance efficiency and performance.
You can also create tool presets by selecting only the MCP servers or tools you need.
Switch between presets instantly with a click — perfect for organizing tools by task or workflow.
🧭 Tool Choice Mode
Control how tools are used in each chat with Tool Choice Mode — switch anytime with ⌘P.
Auto: The model automatically calls tools when needed.
Manual: The model will ask for your permission before calling a tool.
None: Tool usage is disabled completely.
This lets you flexibly choose between autonomous, guided, or tool-free interaction depending on the situation.
🛠️ Default Tools
🌐 Web Search
Built-in web search powered by Exa AI. Search the web with semantic AI and extract content from URLs directly in your chats.
Optional: Add EXA_API_KEY to .env to enable web search
Free Tier: 1,000 requests/month at no cost, no credit card required
The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
