/bighead

Chrome Extension that highlights relevant parts of a website. You can also chat with it!

Primary LanguageJavaScript

bighead: A Chrome Extension to Better Browse the Internet

Overview

bighead is a chrome extension that helps you better browse the internet. It uses Claude AI APIs to highlight the most important parts of the article and give you a summary of the article. It also has a chatbot that can answer questions about the article. bighead is built using HTML, CSS, and Javascript. The user gets to add their own Claude AI API keys to use the extension.

Links

Motivation

Most of the internet is filled with clickbaity articles that are hard to read and understand. We wanted to create a tool that would highlight important parts of the article and give you the most important information and relieve the mental toll of having to go through the whole website. To dive deeper into the content of the articles we also wanted to create a chatbot so you can have a conversation with your content.

Features

  • Highlights the most important/relevant parts of the article.
  • Chatbot that can answer questions about the article.

Future Scope

  • Make the extension have persistency across websites. This would be helpful in understanding the context of the articles that the user is reading. This would make it easier to create better UX.

Getting Started

Prerequisites

  • Claude AI API keys

Setup

  1. Clone this repository.
  2. Load the extension in developer mode.
  3. Add your Claude AI API keys to the extension.

How to Use

  • Enable the extension on any website. Enjoy!

Tech Stack

  • HTML, CSS, Javascript
  • Claude AI

Architecture

The app is designed to be fully client side. No data is stored and user gets to add their own Claude AI API keys.

Demos

Youtube Link

Contributors