DEV Community

Suryaansh Tiwari
Suryaansh Tiwari

Posted on

I built a Jarvis AI Chrome extension that can automate browser actions

Title
How I Built a Jarvis AI Chrome Extension That Automates the Browser
Article
Browsers haven't changed much in terms of productivity. Most of the time we still manually open websites, search for things, and switch between tabs.
I wondered if the browser itself could act more like an assistant instead of just a tool.
So I built Jarvis, a Chrome extension that adds an AI assistant directly inside the browser.
The goal was simple:
Make Chrome smarter and automate common browsing tasks.
What the Extension Can Do
Jarvis is designed to perform small “agent-like” actions inside the browser.
For example:
• Open websites automatically
• Search YouTube videos
• Summarize webpages
• Suggest useful actions based on the page content
Instead of clicking through menus or typing searches manually, you can interact with the assistant panel.
Architecture of the Extension
A Chrome extension is made of several core parts.

  1. Manifest File The manifest.json file defines how the extension works and what permissions it requires. Example structure: Json Copy code { "manifest_version": 3, "name": "Jarvis AI", "version": "1.0", "permissions": ["tabs", "activeTab", "scripting"] } This allows the extension to interact with the current tab and perform automated actions.
  2. Content Scripts Content scripts allow the extension to interact with the webpage. This is how Jarvis can: read page content analyze articles summarize text
  3. Background Logic The background script handles automation logic. Examples of actions: opening websites performing searches executing commands Building the UI Jarvis uses a sidebar-style interface inside Chrome. The UI acts as a control panel where users can: type commands view summaries see suggestions The idea was to keep the interface minimal and focused. Running the Extension If you want to try the project yourself, you can run it locally. Steps: Download the extension files Open Chrome and navigate to Text Copy code chrome://extensions Enable Developer Mode Click Load Unpacked Select the extension folder Chrome will instantly load the extension. What I Learned Building this project helped me explore several interesting areas: • Chrome extension APIs • browser automation • integrating AI features into developer tools Even simple automation can make the browser feel much more powerful. Future Improvements There are several features I want to explore next: • smarter AI commands • deeper page analysis • workflow automation inside the browser The long-term idea is to turn the browser into a developer productivity workspace. Demo I recorded a short demo of the extension here: https://youtu.be/8p1cFeEOR5A⁠�

Top comments (0)