ato logo

ATO - the AI Tab Organizer

Inspiration

I love order. When things are organized, we can move faster and reach our full potential.

That's why I was so thrilled when Chrome introduced "Tab Groups" not too long ago - a game-changing feature, or so I thought. But soon enough, my excitement faded. Grouping tabs turned out to be a tedious task, like cleaning a room. First, you have to find the tabs you want to group, then come up with the right name and color, and repeat the process over and over again. All in a dynamic environment where new tabs keep appearing while others become irrelevant.

I thought to myself, Google gave us a great tool, but users still need an assistant to automate the process. This idea had been on my mind for a long time, and when I heard about Google integrating AI into Chrome extensions and the chance to join this hackathon, everything clicked! Now, here I am, turning this idea into reality.

What it does

ATO was developed to do one thing exceptionally well: provide a one-click solution (at most) for organizing tabs using various methods.

By Category:

ATO categorizes your tabs by analyzing the essence of each one, using tab properties to determine its semantic domain and assign it to a category. This helps you quickly find related tabs based on their themes or topics.

by category gif demonstration

By Last Access:

This method organizes your tabs based on when you last accessed them. ATO groups your tabs into reasonable time frames, allowing you to easily revisit recently used tabs while keeping older ones accessible without cluttering your workspace.

by last access gif demonstration

By Frequency (Prediction):

ATO predicts which tabs you are most likely to access next based on your past behavior and use patterns. It sorts them in an order that prioritizes the most frequently accessed tabs, making your browsing experience smoother and more efficient.

by prediction gif demonstration

ATO offers three intelligent methods to organize your tabs:

On Demand:

With just a single click, you can organize all of your open tabs. This option is perfect for users who want a quick and easy way to declutter their workspace.

Dynamically (On the Fly):

Every time you open a new tab, ATO will automatically organize it the moment it’s created. This ensures that your tab management is always up to date without any extra effort on your part.

How I built it

This extension was built using Plasmo, a framework for developing Chrome extensions. As an experienced Chrome extension developer, I had read about Plasmo before, and just as I was about to start coding, I decided to give it a try—and it was absolutely worth it. Setting up the development environment took seconds, with built-in bundling, Chrome SDK integration, TypeScript configurations, and more. Their documentation is also excellent, so I highly recommend using Plasmo.

Challenges I ran into

Integrating AI into apps can be quite challenging. As a developer, you're used to precision in code, but achieving that same precision through language is a whole different story. It took a while for me to realize how to craft my prompts, telling the AI exactly who it is and what’s expected—precisely.