{"id":28972530,"url":"https://github.com/siropkin/ai-tech-task-solver-chrome-extension","last_synced_at":"2026-03-13T18:09:43.640Z","repository":{"id":298924246,"uuid":"1001556545","full_name":"siropkin/ai-tech-task-solver-chrome-extension","owner":"siropkin","description":"Simple Chrome extension that uses AI (OpenAI GPT-4 Vision, Anthropic Claude) to analyze web page screenshots, solve technical problems, and display solutions in the browser console","archived":false,"fork":false,"pushed_at":"2025-06-13T16:02:30.000Z","size":2205,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-13T16:58:07.865Z","etag":null,"topics":["ai","anthropic-claude","browser-extension","chrome-extension","coding-challenges","developer-tools","gpt-4","hackerrank","hackerrank-solutions","javascript","leetcode","leetcode-solutions","screenshot","technical-analysis"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/siropkin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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}},"created_at":"2025-06-13T15:28:13.000Z","updated_at":"2025-06-13T16:04:39.000Z","dependencies_parsed_at":"2025-06-13T16:58:10.599Z","dependency_job_id":"8b542031-8666-48db-a218-4a79139f0d06","html_url":"https://github.com/siropkin/ai-tech-task-solver-chrome-extension","commit_stats":null,"previous_names":["siropkin/ai-tech-task-solver-chrome-extension"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/siropkin/ai-tech-task-solver-chrome-extension","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/siropkin%2Fai-tech-task-solver-chrome-extension","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/siropkin%2Fai-tech-task-solver-chrome-extension/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/siropkin%2Fai-tech-task-solver-chrome-extension/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/siropkin%2Fai-tech-task-solver-chrome-extension/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/siropkin","download_url":"https://codeload.github.com/siropkin/ai-tech-task-solver-chrome-extension/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/siropkin%2Fai-tech-task-solver-chrome-extension/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261658588,"owners_count":23191088,"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","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":["ai","anthropic-claude","browser-extension","chrome-extension","coding-challenges","developer-tools","gpt-4","hackerrank","hackerrank-solutions","javascript","leetcode","leetcode-solutions","screenshot","technical-analysis"],"created_at":"2025-06-24T11:06:51.504Z","updated_at":"2026-03-13T18:09:43.598Z","avatar_url":"https://github.com/siropkin.png","language":"JavaScript","funding_links":["https://buymeacoffee.com/ivan.seredkin"],"categories":[],"sub_categories":[],"readme":"# AI Tech Task Solver - Chrome Extension\n\n\u003cimg src=\"images/ai-tech-task-solver-thumb.png\" alt=\"AI Tech Task Solver - Chrome Extension\"/\u003e\n\nA Chrome extension that uses AI to analyze web page screenshots, solve technical problems and coding challenges, and display solutions directly in the browser console.\n\n## Features\n\n- **One-click Analysis**: Click \"Analyze the page\" to capture and analyze any webpage\n- **AI-Powered**: Uses OpenAI GPT-4 Vision or Anthropic Claude for intelligent analysis\n- **Configurable**: Support for multiple AI providers and programming languages\n- **Console Output**: Results are displayed in the browser's developer console\n- **Screenshot Capture**: Uses html2canvas for high-quality page screenshots\n\n## Demo\n\nSpeeded up for demo purposes:\n\n\u003cimg src=\"images/ai-tech-task-solver-demo.gif\" alt=\"AI Tech Task Solver Demo\" style=\"max-width: 100%; border: 1px solid #ccc;\"/\u003e\n\n## Installation\n\n1. Clone or download this repository\n2. Open Chrome and navigate to `chrome://extensions/`\n3. Enable \"Developer mode\" in the top right\n4. Click \"Load unpacked\" and select the extension directory\n5. The extension icon should appear in your Chrome toolbar\n\n## Configuration\n\n1. Right-click the extension icon and choose `Options`\n2. Choose your AI provider:\n   - **Anthropic Claude**: Click \"Anthropic Claude\" preset\n   - **OpenAI GPT-4**: Click \"OpenAI GPT-4\" preset\n3. Enter your API key\n4. Optionally customize:\n   - AI Model (e.g., `claude-sonnet-4-20250514`, `gpt-4.1-2025-04-14`)\n   - Output Programming Language\n   - Max Tokens (100-4000)\n5. Click \"Save Settings\"\n\n## Usage\n\n1. Navigate to any webpage with a technical problem or coding challenge\n2. Click the extension icon in the Chrome toolbar\n3. Wait for the analysis to complete\n4. Open Developer Console (F12) to see the AI analysis results\n\n## Supported AI Providers\n\n### Anthropic Claude\n- API URL: `https://api.anthropic.com/v1/messages`\n- Models: `claude-sonnet-4-20250514`, etc.\n- Get API key: [Anthropic Console](https://console.anthropic.com/)\n\n### OpenAI GPT-4 Vision\n- API URL: `https://api.openai.com/v1/chat/completions`\n- Models: `gpt-4.1-2025-04-14`, etc.\n- Get API key: [OpenAI Platform](https://platform.openai.com/)\n\n## What It Analyzes\n\nThe extension can analyze various types of content:\n\n- **Coding Problems**: LeetCode, HackerRank, programming challenges\n- **System Design**: Architecture diagrams, technical specifications\n- **Documentation**: API docs, technical guides\n- **Error Messages**: Stack traces, compiler errors\n- **General Technical Content**: Any technical problem or question\n\n## Output Format\n\nFor coding problems, the AI provides:\n1. Problem explanation\n2. Solution approach\n3. Complete working code in your preferred language\n4. Time/space complexity analysis\n\nFor other technical content:\n- High-level solution or summary\n- Design recommendations\n- Technical explanations\n\n## Files Structure\n\n```\nai-tech-task-solver-chrome-extension/\n├── manifest.json            # Extension configuration\n├── popup.html               # Extension popup UI\n├── popup.js                 # Popup functionality\n├── content.js               # Page screenshot capture\n├── background.js            # AI API communication\n├── options.html             # Configuration page\n├── options.js               # Options functionality\n├── html2canvas.min.js       # Screenshot library\n├── privacy-policy.md        # Privacy policy\n├── icons/                   # Extension icons\n│   ├── icon16.png\n│   ├── icon48.png\n│   └── icon128.png\n└── README.md                # This file\n```\n\n## Permissions\n\nThe extension requires these permissions:\n- `activeTab`: To capture screenshots of the current page\n- `storage`: To save configuration settings\n- Host permissions for AI API endpoints\n\n## Privacy \u0026 Security\n\n- API keys are stored securely in Chrome's sync storage\n- Screenshots are processed locally and sent only to your configured AI provider\n- No data is stored or transmitted to third parties\n- All communication uses HTTPS\n\n## Troubleshooting\n\n### Extension not working\n- Check that you've configured an API key in options\n- Verify your API key is valid and has sufficient credits\n- Check the browser console for error messages\n\n### Screenshot issues\n- Ensure the page has finished loading\n- Some pages with complex layouts may not capture perfectly\n- Try refreshing the page and analyzing again\n\n### API errors\n- Verify your API key is correct\n- Check that you have sufficient API credits/quota\n- Ensure the AI model name is correct for your provider\n\n## Development\n\nTo modify or extend the extension:\n\n1. Make changes to the source files\n2. Go to `chrome://extensions/`\n3. Click the refresh icon on the extension card\n4. Test your changes\n\n## License\n\nThis project is open source. Feel free to modify and distribute according to your needs.\n\n## Support\n\nFor issues or questions:\n1. Check the browser console for error messages\n2. Verify your configuration in the options page\n3. Test with a simple webpage first\n4. Ensure your AI provider API is working correctly\n\n## Buy Me A Coffee\n\n\u003ca href=\"https://buymeacoffee.com/ivan.seredkin\" target=\"_blank\"\u003e\u003cimg src=\"https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png\" alt=\"Buy Me A Coffee\" style=\"height: 41px !important;width: 174px !important;box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;\" \u003e\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsiropkin%2Fai-tech-task-solver-chrome-extension","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsiropkin%2Fai-tech-task-solver-chrome-extension","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsiropkin%2Fai-tech-task-solver-chrome-extension/lists"}