{"id":31979313,"url":"https://github.com/browserbase/arena","last_synced_at":"2025-10-14T22:50:40.562Z","repository":{"id":318560922,"uuid":"1065981450","full_name":"browserbase/arena","owner":"browserbase","description":"Watch Browser Agents complete the same task head to head.","archived":false,"fork":false,"pushed_at":"2025-10-07T23:18:29.000Z","size":34974,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-10-07T23:30:30.507Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://browser-agent-comparison.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/browserbase.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-09-28T20:20:31.000Z","updated_at":"2025-10-07T23:18:33.000Z","dependencies_parsed_at":"2025-10-07T23:30:32.941Z","dependency_job_id":"01c7a0da-e900-4224-ab5e-8e34f1ca490c","html_url":"https://github.com/browserbase/arena","commit_stats":null,"previous_names":["browserbase/arena"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/browserbase/arena","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/browserbase%2Farena","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/browserbase%2Farena/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/browserbase%2Farena/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/browserbase%2Farena/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/browserbase","download_url":"https://codeload.github.com/browserbase/arena/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/browserbase%2Farena/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279021832,"owners_count":26087059,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-14T02:00:06.444Z","response_time":60,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-10-14T22:50:07.824Z","updated_at":"2025-10-14T22:50:40.553Z","avatar_url":"https://github.com/browserbase.png","language":"TypeScript","readme":"# Arena\n\n[Demo Website](https://arena.browserbase.com)\n\nA side-by-side comparison playground for AI browser automation agents. Compare how different AI models (Google, OpenAI, Anthropic) control browsers using natural language through Stagehand and Browserbase.\n\n## Features\n\n- 🥊 **Side-by-Side Comparison**: Run Google vs OpenAI or Google vs Anthropic simultaneously\n- 🤖 **Multiple AI Models**: Google Computer Use, OpenAI Computer Use, and Anthropic Claude\n- 🌐 **Real Browser Environment**: Powered by Browserbase with actual Chrome instances\n- 🎯 **Natural Language Commands**: Describe tasks in plain English\n- 📊 **Real-time Streaming**: Watch both agents work in parallel with live updates\n- 🔄 **Flexible Provider Selection**: Switch right-side provider between OpenAI and Anthropic\n\n## Tech Stack\n\n- **Frontend**: Next.js 15 with TypeScript, React 19, and Tailwind CSS\n- **AI Models**:\n  - Google: `computer-use-preview-10-2025`\n  - OpenAI: `computer-use-preview-2025-03-11`\n  - Anthropic: `claude-sonnet-4-5-20250929`\n- **Browser Automation**: Browserbase + Stagehand\n- **Streaming**: Server-Sent Events (SSE) for real-time updates\n- **UI Components**: Framer Motion animations, Lucide React icons\n- **Analytics**: PostHog for user tracking\n\n## Prerequisites\n\n- Node.js 18.x or later\n- pnpm (recommended) or npm\n- API keys for Google AI Studio, OpenAI, Anthropic, and Browserbase\n\n## Getting Started\n\n1. **Clone the repository:**\n   ```bash\n   git clone https://github.com/browserbase/arena\n   cd arena\n   ```\n\n2. **Install dependencies:**\n   ```bash\n   pnpm install\n   ```\n\n3. **Set up environment variables:**\n   ```bash\n   cp .env.example .env.local\n   ```\n\n   Then edit `.env.local` with your API keys:\n   ```env\n   # AI Provider API Keys\n   GOOGLE_API_KEY=your_google_api_key_here\n   OPENAI_API_KEY=your_openai_api_key_here\n   ANTHROPIC_API_KEY=your_anthropic_api_key_here\n\n   # Browserbase Configuration\n   BROWSERBASE_API_KEY=your_browserbase_api_key_here\n   BROWSERBASE_PROJECT_ID=your_browserbase_project_id_here\n\n   # Optional: Analytics and monitoring\n   NEXT_PUBLIC_POSTHOG_KEY=your_posthog_key\n   NEXT_PUBLIC_POSTHOG_HOST=https://us.i.posthog.com\n\n   # Site URL (for local development)\n   NEXT_PUBLIC_SITE_URL=http://localhost:3000\n   ```\n\n   **Get your API keys:**\n   - Google: [Google AI Studio](https://aistudio.google.com/apikey)\n   - OpenAI: [OpenAI Platform](https://platform.openai.com/api-keys)\n   - Anthropic: [Anthropic Console](https://console.anthropic.com/)\n   - Browserbase: [Browserbase Dashboard](https://www.browserbase.com/overview)\n\n4. **Start the development server:**\n   ```bash\n   pnpm dev\n   ```\n\n5. **Open your browser:**\n   Navigate to [http://localhost:3000](http://localhost:3000)\n\n## Usage\n\n1. **Select Providers**: Choose between OpenAI or Anthropic for the right-side comparison (Google is always on the left)\n2. **Enter a Task**: Type a natural language instruction or use one of the example prompts:\n   - Review a pull request on GitHub\n   - Browse Hacker News for trending debates\n   - Play a game of 2048\n   - Get current crypto prices\n3. **Watch Both Agents**: See real-time execution with screenshots and logs from both models\n4. **Compare Results**: Observe how different models approach and solve the same task\n\n# Available Scripts\n\n```bash\n# Development server with Turbopack\npnpm dev\n\n# Production build\npnpm build\n\n# Start production server\npnpm start\n\n# Run linting\npnpm lint\n```\n\n## Configuration\n\nAgent behavior is configured via [AGENT_INSTRUCTIONS](app/constants/prompt.ts):\n- Atomic step-by-step execution\n- Direct navigation preferred over search\n- Risk-averse action selection\n- Automatic screenshots after key actions\n- Maximum 100 steps per execution\n\n## Limitations\n\n- Maximum session duration: 10 minutes (Vercel timeout)\n- Viewport locked at 1288x711 pixels\n- No keyboard shortcuts support\n- Browser sessions expire after completion\n- Left panel always runs Google (fixed)\n\n## Troubleshooting\n\n- **Session fails to start**: Verify Browserbase API credentials and project ID\n- **Agent not responding**: Check that API keys are valid for all selected providers\n- **Timeout errors**: Complex tasks may exceed 10-minute limit\n- **Connection issues**: Ensure stable internet for browser streaming\n- **Missing providers**: Confirm all required API keys are set in `.env.local`\n\n## Contributing\n\nThis is a demo playground project showcasing multi-provider browser automation. Feel free to fork and experiment!\n\n## License\n\nMIT\n\n## Acknowledgments\n\n- [Browserbase](https://browserbase.com) for browser infrastructure\n- [Stagehand](https://github.com/browserbasehq/stagehand) for automation framework\n- [Google AI Studio](https://aistudio.google.com/), [OpenAI](https://openai.com/), and [Anthropic](https://anthropic.com/) for AI capabilities\n- [Vercel](https://vercel.com) for hosting and edge functions","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrowserbase%2Farena","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbrowserbase%2Farena","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrowserbase%2Farena/lists"}