A powerful Chrome extension for learning, productivity, and focus management
Tasko is a modern Chrome extension designed to enhance your productivity and learning experience. With AI-powered features, intelligent ad blocking, and focus management tools, Tasko helps you stay on task and learn more effectively while browsing the web.
- 🎓 AI Learning Assistant - Ask questions about any webpage
- 🚀 Performance Optimization - Faster page loads with smart blocking
- 🎯 Focus Management - Stay productive with AI-powered detection
- 📂 Tab Organization - Save and restore tab groups effortlessly
- 🎨 Modern Dark UI - Sleek pitch black interface with orange accents
Block ads and trackers across all websites for a cleaner, faster browsing experience.
- YouTube-specific ad blocking
- Lightweight and efficient
- Declarative Net Request API
- No performance impact
Optimize page loading for faster browsing and reduced bandwidth usage.
- Defer image loading
- Block heavy scripts
- Reduce data consumption
- Improve page performance
AI-powered assistant that helps you understand any webpage content.
- Ask questions about page content
- Get instant AI-generated answers
- Powered by Groq API
- Beautiful markdown formatting
- Floating chat interface
- Context-aware responses
Remove distractions and stay focused while watching YouTube videos.
- Hide YouTube Shorts
- Remove recommendations
- Hide comments section
- Minimize sidebar clutter
- Customizable focus panel
- One-click activation
AI-powered webcam monitoring to detect phone usage and keep you focused.
- Real-time phone detection
- Roboflow AI integration
- Visual bounding boxes
- Alert sounds on detection
- 60% confidence threshold
- Privacy-focused (local processing)
Ultimate focus mode that blocks all non-whitelisted websites.
- Whitelist essential sites
- Set timer for work sessions
- Automatic deactivation
- Perfect for deep work
- Pomodoro-friendly
- Block distractions completely
Organize and manage your browsing sessions efficiently.
- Save Tab Groups - Create named collections of tabs
- Restore Sessions - One-click restoration of saved groups
- Batch Selection - Select multiple tabs at once
- Session Tracking - See when groups were created
- Local Storage - All data stored securely on your device
- Visit the Chrome Web Store
- Search for "Tasko"
- Click "Add to Chrome"
- Start using Tasko!
-
Clone the repository
git clone https://github.com/Ruthwik000/tasko-ex.git cd tasko-ex/chromeEX -
Install dependencies
npm install
-
Build the extension
npm run build
-
Load in Chrome
- Open
chrome://extensions/ - Enable "Developer mode" (top right toggle)
- Click "Load unpacked"
- Select the
dist/folder - Tasko is now installed!
- Open
- Click the Tasko icon in your toolbar
- Enable "Learning Agent" toggle
- Visit Groq Console to get a free API key
- Click the floating chat icon on any webpage
- Enter your API key when prompted
- Start asking questions!
Example Questions:
- "Summarize this article"
- "What are the main points?"
- "Explain this concept in simple terms"
- Enable "Focus Detection" in Tasko popup
- Grant camera permissions when prompted
- A floating panel appears showing your webcam
- AI detects if you're using your phone
- Get instant alerts to refocus
- Enable "Nuclear Mode" toggle
- Add trusted sites to whitelist:
github.comstackoverflow.comdocs.google.com
- Set a timer (e.g., 25 minutes)
- Click "Activate Nuclear Mode"
- All other sites are blocked until timer expires
- Open "Tab Manager" section
- Enter a group name (e.g., "Research Project")
- Select tabs to save
- Click "Save Group"
- Restore anytime with one click
- Node.js v16 or higher
- npm or yarn
- Chrome browser
# Clone repository
git clone https://github.com/Ruthwik000/tasko-ex.git
cd tasko-ex/chromeEX
# Install dependencies
npm install
# Build for production
npm run build
# Development mode (watch)
npm run devchromeEX/
├── src/
│ ├── popup/ # React UI components
│ ├── content/ # Content scripts & features
│ ├── background/ # Service worker
│ └── offscreen.js # Camera handling
├── dist/ # Build output
├── icons/ # Extension icons
├── manifest.json # Extension manifest
└── package.json # Dependencies
Tasko features a modern pitch black theme with vibrant orange accents:
- Background: Pure black (#000000)
- Accent: Orange (#fb923c, #f97316)
- Text: Light gray on dark backgrounds
- UI: Smooth animations and transitions
- React - UI framework
- Tailwind CSS - Styling
- Vite - Build tool
- Chrome Manifest V3 - Latest extension format
- Groq API - AI-powered learning
- Roboflow API - Computer vision
Tasko requires these permissions:
- storage - Save preferences and tab groups
- tabs - Manage tabs
- declarativeNetRequest - Block ads
- scripting - Inject features
- activeTab - Access current tab
- webNavigation - Monitor navigation
- offscreen - Camera for focus detection
- notifications - Show alerts
Contributions are welcome! Here's how:
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit changes (
git commit -m 'Add amazing feature') - Push to branch (
git push origin feature/amazing-feature) - Open a Pull Request
- Chrome Web Store publication
- Firefox support
- Custom themes
- More AI models
- Analytics dashboard
- Cloud sync
- Mobile companion app
This project is licensed under the MIT License.
Ruthwik
- GitHub: @Ruthwik000
- Repository: tasko-ex
- Groq - AI API
- Roboflow - Computer vision
- Tailwind CSS - Styling
- React - UI framework
Need help?
- Check Issues
- Create a new issue with details
- Star the repo if you find it useful!
Made with ❤️ for productivity