Generative AI often gets a bad rap for hallucinations or generic output, but there is a practical, hands-on way to put it to work: building custom browser extensions. You do not need to be a software engineer to create tools that streamline your daily web workflow. By describing what you want in plain English, you can use Google Gemini to generate the code for simple Chrome extensions that run entirely within your browser.
This approach works with any Chromium-based browser, including Microsoft Edge, Brave, and Vivaldi, not just Chrome. It requires no special subscriptions or paid AI tiers; the free version of Gemini is sufficient for generating the necessary JavaScript, HTML, and CSS files. Here is how you can use this capability to reshape your web experience.
How to create and install a custom extension
The process starts by opening a chat with Gemini and describing the specific function you want. For example, you might ask for an extension that hides certain elements on a webpage or adds a quick-access button. Gemini will respond with blocks of code, typically labeled as manifest.json, content.js, and styles.css.
You need to copy each block into a separate plain text file using Notepad or a similar editor, saving them with the exact filenames provided. Place all these files into a single folder on your computer. To install the extension:
- Open your browser and navigate to chrome://extensions (or the equivalent in Edge/Brave).
- Toggle on Developer mode in the top-right corner.
- Click Load unpacked and select the folder containing your files.
The extension is now active. If it does not work perfectly, you can return to Gemini, describe what went wrong, and ask for revised code chunks to overwrite the existing files. Most simple tweaks take less than an hour to refine.
Decluttering web app interfaces
One of the most immediate benefits is removing visual noise from web applications you use daily. Many modern tools, like Google Docs or Trello, have become cluttered with features that many users never touch. You can ask Gemini to create an extension that hides these elements.
For instance, a custom extension can strip away the sidebars and toolbars in Google Docs, leaving only the writing area. You can even request a toggle button to switch between your minimalist view and the standard interface when you need collaborative features. Similarly, for project management tools like Trello, you can remove distracting widgets or simplify the card layout to focus on task lists. This turns a bloated interface into a distraction-free workspace tailored to your specific habits.
Adding missing productivity features
Beyond removing clutter, you can use Gemini to add functionality that standard browsers lack. If you frequently need to reference specific hex color codes for brand work, you can generate a simple popup extension that stores these colors and lets you copy them with one click. This eliminates the need to switch tabs or search through notes.
Time zone conversions are another common pain point. A custom extension can display current times for multiple zones simultaneously or provide a text box where you type a time in one zone (e.g., “1pm PT”) and instantly see the equivalent in others. These tools run locally in your browser, offering speed and convenience without relying on third-party websites.
Expanding browser capabilities
You can also build extensions that manage your browser environment itself. For example, you could create a “smart snooze” system that automatically archives tabs you haven’t touched in a while, clearing clutter from your tab bar. These archived tabs can be accessed via a simple dashboard when needed.
Other possibilities include a research panel that captures highlighted text from any page into a sidebar note-taking area, or a shortcut tool that instantly splits two tabs into side-by-side windows with a single keypress. The limit is largely your imagination and how clearly you can describe the desired behavior to the AI.
What this means for you: You no longer have to accept web interfaces as they are. If a site is too busy, slow, or missing a small feature, you can now generate a lightweight fix yourself. It empowers everyday users to customize their digital workspace without waiting for developers to update the underlying software.
Source: Computerworld
Over to you: What is one web app feature you wish you could easily hide or add with a custom extension?
