✨ Inspiration ✨

Content Organizer

I'm someone who prefers things to be effortless when searching, rather than spending time organizing. I don't like the hassle of manually grouping tabs. When I bookmark a webpage, Chrome prompts me to move it to a folder, but I am lazy guy so that I often skip this step, and later forget why I bookmarked it. When I need to find something specific, I have to open each bookmark individually because Chrome's UI doesn’t show descriptions, hashtags, or thumbnails.

Saving web content is equally tedious, as I have to manually choose folders. File explorers don’t offer options to add descriptions or labels to saved content like articles, images, or screenshots. After downloading content, I often forget where I saved important items, like the medical article I read last week. Finding saved content by file name alone can be frustrating and time-consuming.

Common Issues with Existing AI Assistant Chrome Extensions:

Manual typing: Repeatedly typing the same message or copy-pasting into AI chat apps is tedious. They don’t offer time-saving features like snippets with keyboard shortcuts or auto-completion, similar to VSCode.
Limited input field support: These extensions fail to work on input fields across 90% of websites, making them ineffective for many users.
Privacy concerns: They send private data to external servers and often charge for basic usage, restricting users to a few messages.
Lack of summary comparison: Users can’t compare different summary types or easily download them.
Resource-heavy: They require full site permissions and constantly consume 10-40MB of RAM across all open tabs, even when not in use.

✨ What it does ✨

Here's the improved version:

Use AI to analyze web pages and generate relevant tab group names, then automatically organize your tabs into these groups.
When bookmarking, AI analyzes the webpage to suggest folders and hashtags, then automatically organizes the bookmark into the appropriate folder.
Maya.ai analyzes saved summaries, images, screenshots, videos, or screen recordings to generate folders, hashtags, and descriptions for effortless organization.
View all saved content in the Collections tab, organized by date, domain, or folder.
Automatically translate web pages when a foreign language is detected.
Summarize web pages, PDFs, and YouTube videos, and compare multiple summary formats for deeper insights.
Engage with any webpage, PDF, or YouTube video through AI-powered chat.
Perform quick AI actions on selected text, such as explaining, summarizing, or translating content instantly.
Use AI in input fields to improve, translate, rewrite, or replace text on any webpage.
Get AI-recommended websites similar to the current tab you're viewing.
Easily compare products across multiple tabs for better decision-making.
Allow you to set snippets with keyboard shortcuts like vsCode editor and auto-completion to quickly and efficiently write prompt messages.

💻🧰 How I built it 🔧🔨

Built entirely with vanilla JavaScript and Web Components—no JavaScript frameworks or third-party libraries used. Leverages Chrome's built-in AI API for functionality.

Challenges I ran into

Performance
Performance is a major challenge when working with local LLMs due to their resource-intensive nature. While this plugin performs relatively well, there is still room for improvement in optimizing speed and efficiency.
Limited Built-In AI Documentation
Incomplete documentation for the built-in AI makes troubleshooting difficult. A considerable amount of time is spent identifying and fixing errors, which could be minimized with better documentation.
Input Field Issues
Entering text in the draft message input field can be cumbersome, as some websites override user input with their own business rules, complicating the process and limiting flexibility.

Accomplishments that we're proud of

Built entirely in vanilla JavaScript only using web-components No Javascript framework or third-party libraries used. User data remains secure and never leaves the browser.