Ai Tech Task Solver Chrome Extension

AI Tech Task Solver - Chrome Extension

A Chrome extension that uses AI to analyze web page screenshots, solve technical problems and coding challenges, and display solutions directly in the browser console.

Features

• One-click Analysis: Click "Analyze the page" to capture and analyze any webpage
• AI-Powered: Uses OpenAI GPT-4 Vision or Anthropic Claude for intelligent analysis
• Configurable: Support for multiple AI providers and programming languages
• Console Output: Results are displayed in the browser's developer console
• Screenshot Capture: Uses html2canvas for high-quality page screenshots

Demo

Speeded up for demo purposes:

Installation

1. Clone or download this repository
2. Open Chrome and navigate to chrome://extensions/
3. Enable "Developer mode" in the top right
4. Click "Load unpacked" and select the extension directory
5. The extension icon should appear in your Chrome toolbar

Configuration

1. Right-click the extension icon and choose Options
2. Choose your AI provider:
   • Anthropic Claude: Click "Anthropic Claude" preset
   • OpenAI GPT-4: Click "OpenAI GPT-4" preset
3. Enter your API key
4. Optionally customize:
   • AI Model (e.g., claude-sonnet-4-20250514, gpt-4.1-2025-04-14)
   • Output Programming Language
   • Max Tokens (100-4000)
5. Click "Save Settings"

Usage

1. Navigate to any webpage with a technical problem or coding challenge
2. Click the extension icon in the Chrome toolbar
3. Wait for the analysis to complete
4. Open Developer Console (F12) to see the AI analysis results

Supported AI Providers

Anthropic Claude

• API URL: https://api.anthropic.com/v1/messages
• Models: claude-sonnet-4-20250514, etc.
• Get API key: [Anthropic Console](ht