Browser AI

• 

  Translate and/or resume with a few clicks

• 

  On-device, private, ad-free and open-source

Inspiration

I've been very interested in AI LLMs since the launch of ChatGPT. I've always dreamed of having AI assistants to help with daily chores, much like the movies I grew with. Browser built-in AI is a step towards the direction of a user AI assistant that belongs to the user more than to the cloud.

What it does

Browser AI is crafted to be a showcase of the emerging on-device AI capabilities in internet browsers. Currently it leverages Chrome's Language Detector API, Translator API and Summarizer API to empower the user to seamlessly utilize them to process text from any source.

How we built it

Since it is my first browser extension, I started with vanilla TS and Tailwind. Then I added WXT extension framework and then added support for Vue components, although I'm still migrating the content. I used available documentation on the APIs to train my coding agents and created a Github repository with a solid documentation foundation: purpose, roadmap, open-source philosophy, technical and architectural good practices and collaboration guidelines. I also added a significant test base and followed a test-first approach where no functionality goes by without proper testing and documentation.

Challenges we ran into

I had to learn a lot of new stuff at once: new frameworks, tools, LLMs, workflows, architectures, etc. It was plenty of work.

Accomplishments that we're proud of

I've managed to leverage AI assistance effectively through use of extensive documentation and careful oversight. Respecting project accomplishments, I'm proud to be using an open-source, multi-browser framework and releasing the extension as collaborative open-source.

What we learned

I've improved my software engineering skills quite a lot, since I had to tackle every step in the software development cycle. Particularly learning to plan and reduce tasks to their atomic blocks for iteration and organization.

What's next for Browser AI

We have tons of features planned: from hybrid capabilities (cloud based fallbacks) to improved UI/UX, migration to Material Design, code refactoring, improved typing, adding support for saving sessions and created material and adding support for the remaining uninmplemented APIs, plus keeping the extension updated with the latest developments, which I'm sure will be a lot.

Built With

• chrome
• claude
• eslint
• gemini
• git
• github
• grok
• mcp
• npm
• tailwind
• tseslint
• typescript
• vite
• vscode
• vue
• web-ext
• wxt