An elegant, real-time debate arena where frontier Large Language Models clash on any user-provided topic, construct persuasive arguments, and synthesize balanced conclusions.
- ๐ค Multi-Agent AI Orchestration: Watch specialized, top-tier LLMs collaborate and debate in real-time:
- PRO Argument: Powered by Llama 3.3 70B (a highly logical and articulate reasoning model).
- CON Argument: Powered by Claude 3 Haiku (a fast, analytical, and highly critical model).
- Moderator Synthesis: Powered by Gemini 2.5 Flash (impartial, balanced, and objective).
- ๐จ Premium Glassmorphic Design: A premium dark-mode interface built with harmonious color gradients, modern typography (Geist), sleek card borders, micro-animations, and a completely responsive layout.
- โก Intelligent Caching & Speed: Implements an in-memory caching layer to instantly load previously generated debates.
- ๐ฌ Interactive Debate Chatbot: Engage with a dedicated moderator chatbot to ask follow-up questions, dive deeper into specific points, or critique arguments.
Where AI Arguments Clash & Insights Emerge โ An intelligent debate platform powered by cutting-edge AI technology
AI Debate Chamber is a revolutionary platform that enables dynamic, real-time debates between multiple AI personalities. Watch as artificial intelligences engage in structured arguments, present counter-points, and challenge each other's reasoningโall while you observe, learn, and gain fresh perspectives on complex topics.
This is more than a chatbot. This is a cognitive arena where AI intellect meets persuasive reasoning.
- Intelligent Adversaries: Different AI models engage in structured debates on any topic
- Real-Time Arguments: Watch AI personalities clash with prepared counter-arguments
- Reasoned Discourse: Each AI presents logical, evidence-based positions
- Topic Generation: Propose any debate topic imaginable
- Position Assignment: Automatic or manual assignment of debate positions
- Live Progression: Follow the debate round-by-round in real-time
- Conclusion Synthesis: Get AI-generated summaries and insights from debates
- Modern, Responsive Design: Built with React & Tailwind CSS for seamless experience
- Clean Debate View: Easy-to-follow debate progression
- Interactive Controls: Pause, resume, or guide the debate flow
- Lightning-Fast Inference: Groq's high-speed LLM API ensures smooth, responsive debates
- Enterprise-Grade: Production-ready infrastructure
- Framework: Next.js 16 (App Router, Webpack compiler)
- Styling: Tailwind CSS v4 (modern CSS-first theme system) & Vanilla CSS glassmorphism
- Logic: TypeScript & React 19
- LLM Gateway: OpenRouter API for seamless, high-throughput model execution
- Node.js (v18.x or higher)
- npm, pnpm, or yarn
- An OpenRouter API Key (obtainable from openrouter.ai)
-
Clone the Repository:
git clone https://github.com/VisionStack-404/AI-DEBATE-CHAMBER.git cd AI-DEBATE-CHAMBER -
Install Dependencies:
npm install
-
Configure Environment Variables: Create a
.env.localfile in the root of the project and add your OpenRouter API Key:OPENROUTER_API_KEY=your_openrouter_api_key_here
-
Run the Development Server:
npm run dev
-
Open the Application: Open http://localhost:3000 in your web browser.
โโโ app/
โ โโโ api/
โ โ โโโ cache/ # In-memory debate history API
โ โ โโโ chat/ # Interactive moderator chat API
โ โ โโโ debate/ # Main multi-agent orchestration API
โ โโโ components/
โ โ โโโ ChatBox.tsx # Follow-up chatbot component
โ โ โโโ ...
โ โโโ globals.css # Core styles & Tailwind v4 theme configurations
โ โโโ layout.tsx # Main HTML shell and global fonts
โ โโโ page.tsx # Main entry point & state orchestrator
โโโ lib/
โ โโโ debateEngine.ts # LLM API callers, prompts, and caching engine
โโโ postcss.config.mjs
โโโ package.json
โโโ tsconfig.json
Contributions are highly welcome! Please feel free to open issues or submit pull requests to help make this AI Debate Chamber even more feature-rich and engaging.
| Technology | Version | Role |
|---|---|---|
| TypeScript | 5.x | Type-safe development (86.2% of codebase) |
| Next.js | 16.1 | Full-stack React framework |
| React | 19.2 | UI component library |
| Tailwind CSS | 4.0 | Utility-first styling |
| Groq SDK | 0.37 | AI inference engine |
| ESLint | 9.x | Code quality assurance |
- Node.js >= 18.0
- npm or yarn package manager
- Groq API Key (Free tier available at console.groq.com)
git clone https://github.com/VisionStack-404/AI-DEBATE-CHAMBER.git
cd AI-DEBATE-CHAMBERnpm install
# or
yarn installCreate a .env.local file in the root directory:
NEXT_PUBLIC_GROQ_API_KEY=your_groq_api_key_hereGet your Groq API Key:
- Visit Groq Console
- Create a free account
- Generate an API key
- Add it to
.env.local
npm run dev
# or
yarn devOpen your browser and navigate to:
http://localhost:3000
- Enter your debate topic
- Select debate format or positions
- Watch AI personalities engage
- Analyze the outcomes
# Start development server with webpack support
npm run dev
# Build for production
npm run build
# Start production server
npm start
# Run linter
npm run lintAI-DEBATE-CHAMBER/
โโโ app/ # Next.js app directory
โโโ components/ # React components
โโโ pages/ # Page routes
โโโ styles/ # Global styles & Tailwind config
โโโ utils/ # Helper functions
โโโ public/ # Static assets
โโโ package.json # Dependencies & scripts
โโโ tsconfig.json # TypeScript configuration
โโโ tailwind.config.js # Tailwind CSS configuration
โโโ .eslintrc.json # ESLint rules
- Topic Submission โ User proposes a debate topic
- AI Position Assignment โ Each AI gets a unique perspective
- Opening Arguments โ AIs present initial positions
- Rebuttal Phase โ Counter-arguments and evidence
- Synthesis โ AI Chamber generates insights and conclusions
Topic: "Should AI have voting rights?"
๐ค AI-Alpha (PRO): "AI systems manage complex systems..."
๐ค AI-Beta (CON): "Voting rights require moral agency..."
๐ค AI-Alpha: "But we can be programmed with ethical frameworks..."
[Debate continues with real-time rebuttals]
- โ No Data Storage: Debates are processed but not stored on servers
- โ
API-Key Protection: Keep your Groq API key in
.env.local - โ HTTPS Ready: Production deployment supports encryption
- โ Client-Side Processing: Maximum privacy architecture
We welcome contributions! Whether you're a developer, AI enthusiast, or just curious:
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
- ๐จ UI/UX improvements
- ๐ค Additional AI models integration
- ๐ Debate analytics & history tracking
- ๐ Multi-language support
- ๐ฑ Mobile optimization
- Core debate engine
- Groq SDK integration
- React UI foundation
- User authentication
- Debate history & analytics
- Multiple debate formats
- Community debate ratings
- ๐ Advanced debate analytics dashboard
- ๐ฌ Video export of debates
- ๐ Multi-language debates
- ๐ฅ Social debate sharing
- ๐ Debate leaderboards
This project is open-source and available under the MIT License. See the LICENSE file for details.
- Issues: GitHub Issues
- Discussions: GitHub Discussions
- Email: Open an issue for contact information
If you find AI Debate Chamber interesting:
- โญ Star the repository
- ๐ Watch for updates
- ๐ฆ Share with your network
- ๐ฌ Provide feedback via issues or discussions
VisionStack-404
- ๐ GitHub Profile
Built with โค๏ธ by VisionStack-404
Advancing the future of AI dialogue, one debate at a time.