Context Peek

AI-powered link previews without leaving the page

About Context Peek

Context Peek is a browser extension that provides instant AI-powered link previews when hovering over hyperlinks. It scrapes the content of the linked page in the background and sends it to a backend API, which returns a concise summary, estimated read time, and credibility score.

Built for researchers, journalists, and information seekers, Context Peek adds context without leaving the page, helping you decide if a link is worth clicking.

Key Features

📝

AI-Powered Summaries

Get the gist of articles in 2-3 sentences without clicking through, saving you time and helping you focus on what matters.

Read Time Estimates

Know how long an article will take to read before you click, helping you manage your time more effectively.

🛡️

Credibility Scoring

Quickly assess the reliability of content with our 0-100 credibility score based on neutrality, sources, and trustworthiness.

🔊

Text-to-Speech

Listen to summaries with our built-in speak button, making content more accessible and convenient.

Instant Previews

Hover over a link to see what's on the other side without clicking, with intelligent caching for faster repeat previews.

🔍

Interactive Tooltips

Tooltips stay open when you move your mouse to them, allowing you to interact with the content and controls.

Installation Instructions

1

Download the Extension

Clone or download the repository from GitHub.

git clone https://github.com/chirag127/Context-Peek.git
2

Set Up the Backend

Navigate to the backend directory, install dependencies, and create a .env file with your Gemini API key.

cd backend
npm install
cp .env.example .env

Edit the .env file to add your Gemini API key from Google AI Studio.

3

Start the Backend Server

Start the Node.js Express backend that powers the AI analysis.

npm start

The server will run at http://localhost:3000 by default.

4

Load the Extension in Chrome

Open Chrome and navigate to chrome://extensions/, enable Developer mode, and load the extension.

  1. Open Chrome and go to chrome://extensions/
  2. Enable "Developer mode" (toggle in the top-right corner)
  3. Click "Load unpacked" and select the extension directory

How to Use

Using Context Peek is simple and intuitive:

  1. Hover over any link on a webpage for a brief moment (500ms by default).
  2. A tooltip will appear showing a loading indicator while the content is being analyzed.
  3. Once loaded, you'll see a concise summary of the linked page, along with the estimated read time and credibility score.
  4. Click the speak button to have the summary read aloud.
  5. Move your mouse to the tooltip to interact with it, or move away to dismiss it.
  6. You can enable or disable the extension by clicking on the extension icon and using the toggle switch.

Technology Stack

JavaScript Chrome Extension API Node.js Express Google Gemini AI Web Speech API HTML/CSS