Chrome Store link - https://chromewebstore.google.com/detail/surf-sage/aggdohljbidlnppellddmijmndffmiad
Surf Sage is a Chrome extension that integrates GPT-based AI models directly into your browsing experience, providing intelligent assistance and enhancing your web surfing capabilities.
- Seamless integration with OpenAI's GPT models and Anthropic's Claude
- Side panel for easy access to AI chat functionality
- Context-aware responses based on the current webpage content
- Support for multiple chat sessions
- Customizable settings for API keys and model selection
- Keyboard shortcuts for quick access to features
- Markdown rendering for formatted AI responses
- Code syntax highlighting and copy functionality
- Click on the Surf Sage icon or use the keyboard shortcut (Ctrl+L) to open the side panel
- Enter your API key in the settings (gear icon)
- Start a new chat or continue an existing one
- Type your query or highlight text on the webpage to get AI assistance
- Use the model selector to switch between different AI models
- Ctrl+L: Toggle GPT Chat Side Panel
- Ctrl+M: Toggle GPT Model
- Ctrl+B: Toggle Chat History Sidebar
- Ctrl+N: Create a new chat
To set up the project for development:
- Clone the repository
- Install dependencies (if any)
- Load the extension in Chrome:
- Go to chrome://extensions/
- Enable "Developer mode"
- Click "Load unpacked" and select the project directory
content.js: Handles interaction with the webpage contentbackground.js: Manages background processes and communicationsidepanel.js: Controls the side panel UI and functionalitysettings.js: Manages user settings and preferencesstyles.css: Contains all the styling for the extensionmanifest.json: Defines the extension structure and permissions
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License.
- Marked.js for Markdown rendering
- TurndownService for HTML to Markdown conversion