Built for the GitHub Copilot SDK Weekend Contest
OctoBrowser is a modern, Chromium-based web browser with GitHub Copilot SDK built right in. It features an integrated AI sidebar that can help you browse the web, summarize pages, search for information, and answer questions about the content you're viewing.
- Chromium-Based Browser - Full web browsing capabilities powered by Electron
- GitHub Copilot SDK Integration - AI assistant built directly into the browser
- Smart Page Summarization - Ask Copilot to summarize any webpage you're viewing
- Web Search Tools - AI can search the web and navigate to pages for you
- Multiple AI Models - Choose from GPT-4.1, GPT-5-Mini, Claude Haiku 4.5, and more (can be enabled in the code)
- GitHub-Themed Design - Beautiful UI inspired by GitHub's design system
- Dark/Light Mode - Automatic theme switching with manual override
- Tab Management - Multi-tab browsing with keyboard shortcuts
- Streaming Responses - Real-time AI responses with streaming support
- Node.js (v18 or later)
- GitHub Copilot CLI - Install from GitHub Copilot CLI
GitHub Copilot Subscription - Required for API accessA Copilot subscription is not required but you are limited to 50 chat requests.
# Clone the repository
git clone https://github.com/HoppouAI/OctoBrowser.git
cd OctoBrowser
# Install dependencies
npm install
# Build and run
npm start# Run in development mode with hot reload
npm run dev
# Build only
npm run build
# Package for distribution
npm run package- Enter URLs in the address bar or search terms to use Google
- Use keyboard shortcuts:
Ctrl+T(new tab),Ctrl+W(close tab),Ctrl+L(focus URL)
- Click the Hamburger menu icon in the toolbar to toggle the AI sidebar (or press ctrl+shift+i)
- Type your question in the chat input
- Click the book icon to include the current page content in your question
- Select different AI models from the dropdown
- "Summarize this page for me"
- "What are the key points in this article?"
- "Search for the latest news about AI"
- "Help me find documentation for React hooks"
- Electron - Cross-platform desktop framework
- Chromium - Web rendering engine
- GitHub Copilot SDK - AI integration
- TypeScript - Type-safe development
- CSS Custom Properties - Theming system
| Shortcut | Action |
|---|---|
Ctrl+T |
New Tab |
Ctrl+W |
Close Tab |
Ctrl+L |
Focus URL Bar |
Ctrl+R |
Reload Page |
Ctrl+Shift+I |
Toggle Copilot Sidebar |
Enter |
Navigate/Send Message |
Settings are automatically saved and include:
- Window size and position
- Selected AI model
- Theme preference
- Sidebar visibility
Contributions are welcome! Please feel free to submit a Pull Request.
We will probably archive this after the challenge is over as it was just a temporary fun side project for the competition.
MIT License - See LICENSE for details.
Built with ❤️ for the GitHub Copilot SDK Weekend Contest using Various Models in GitHub Copilot. Models Used to build this:
- Gemini 3 Pro
- Raptor Mini
- Claude Opus 4.5 and some of our own brain...
- Sometimes when clearing all chat historys, you may not be able to type a new prompt, click out of the app and then back in to fix it.
- It may sometimes click the wrong links but i believe this is due to the computer/browser use knowladge of the Models, It happens more with GPT 4.1 and GPT 5 Mini than it does with Claude Haiku 4.5
- When the model uses the screenshot tool it has to take the screenshot, cancel the current chat flow and send the image as a new prompt to continue as the Copilot SDK doesn't have a way to send images as tool responces as far as i could find, Meaning it WILL use a PREMIUM request each time a screenshot is taken, So i advise using the 0x models rather than the 0.33x one (Haiku 4.5) to save your premium requests. (maybe someone from GitHub can clarify if there is a way or update the SDK to allow this in the future?)
OctoBrowser is not affiliated with GitHub. GitHub and Copilot are trademarks of GitHub, Inc.