Chrome Extension That Summarizes Articles

Summarize any article on any site in 3 bullets, powered by your choice of AI model.

ai-toolsintermediate#ai#summarization#productivity
PlugThis prompt
Build a Chrome extension called "Page Summarizer." Add a small floating button to the bottom-right corner of every webpage. When clicked, the extension should: (1) extract the main article text from the current page using readability detection, (2) send the text to OpenAI GPT-4 with a prompt asking for a 3-bullet summary, (3) display the summary in an overlay panel that slides in from the right side of the screen. The overlay should have a close button and a "copy summary" button. Store the user's OpenAI API key in chrome.storage. Include a settings page where the user enters their API key. Permissions: storage, activeTab. Host permissions: <all_urls>, https://api.openai.com/*. Use Manifest V3 with content script and service worker.

What this extension does

Summarizes any article on any website into 3 bullet points using GPT-4. The user clicks a floating button in the corner of any page and gets an instant summary in an overlay. Works on news sites, blogs, research papers, and documentation.

How it works

A content script injects the floating button into every webpage on load. When clicked, it extracts the main article content using readability heuristics, then makes a fetch call to the OpenAI API from the service worker. The summary renders in an injected overlay div with shadow DOM to avoid CSS conflicts.

Permissions used: storage, activeTab

Host permissions: <all_urls>, https://api.openai.com/*

Who builds this

Useful for researchers, students, knowledge workers, and anyone who reads a high volume of articles and needs to quickly assess relevance before investing time in full reading.

How to build it in 3 minutes

  1. Sign in to PlugThis and open the chat input.
  2. Copy the prompt above and paste it into the chat.
  3. PlugThis generates the full Manifest V3 extension in 60-90 seconds.
  4. Download the zip, extract it, and load it via chrome://extensions developer mode.

Related extensions

Chrome Extension That Translates Highlighted Text

Highlight text on any page, get an instant translation in a tooltip.

Build it now, free.

Paste the prompt above into PlugThis and ship your extension in 3 minutes.