Skip to content

Stay focused and engaged while reading with your own fun, interactive AI companion ๐Ÿ“–

License

Notifications You must be signed in to change notification settings

alyssaxuu/questscout

Repository files navigation

QuestScout

thumbnail

Stay focused and engaged while reading with your own fun, interactive AI companion ๐Ÿ“–

QuestScout is a curious, playful sidekick that captures your browsing intent, highlights relevant content, and visibly reacts to what you read. At the end of your session, it delivers a personalized digest of its favorite highlights to keep you engaged and focused.

It was (hastily ๐Ÿ˜…) developed in 24 hours for the Google Chrome Built-in AI Challenge, using the new Prompt API for Chrome Extensions.

๐ŸŽฅ Watch a demo of it in action

Made by Alyssa X & Leo.

Table of contents

Installation for testing

  1. Make sure to follow the instructions outlined in this doc to enable the Prompt API.
  2. Turn off the chrome://flags/#text-safety-classifier flag (from testing it seems flaky without, also based on this post).
  3. Download the Folder.zip file from the releases page, and upload the folder in chrome://extensions/ to install the extension.
  4. Pin the extension to make it easier to activate.

How to use

  1. Go to any Ness Labs article, for example this one. Here's a list of 100 of them to try instead.
  2. Click on the extension icon (the tiny character).
  3. The character should appear, and you can choose to let it "roam free" (learn something new), or specify an intention (quest) for your reading session.
  4. The character will start reading with you, reacting and highlighting anything relevant to its quest.
  5. You can click on a highlight to learn what the character has to say about it.
  6. The character will wait for you to scroll down the page, so that you can read together.
  7. At the end, the character will tell you what it enjoyed the most about the reading session.

Character states

Throughout the session, the character will switch between the following states. It can be:

  • Reading: It will move across the right side of paragraphs and sections of text, and display different emotions based on what it's reading.
  • Talking: When starting a new session, clicking on a highlight, or concluding a session, the character will face you. For highlights, it will also emote based on the content.
  • Waiting: The character follows you on the page, so when it reaches the bottom of the visible scroll area, it will stop and look at you. When you scroll down, it will resume reading.
states

Development setup

First, run the development server:

pnpm dev
# or
npm run dev

Open your browser and load the appropriate development build. For example, if you are developing for the chrome browser, using manifest v3, use: build/chrome-mv3-dev.

Production build

โ—๏ธ Not working as expected, please use the zip file, or the development version (build/chrome-mv3-dev)

Run the following:

pnpm build
# or
npm run build

This should create a production bundle for the extension.

Feel free to reach out to us at [email protected], to Alyssa or Leo directly if you have any questions or feedback! Hope you find this useful ๐Ÿ’œ

About

Stay focused and engaged while reading with your own fun, interactive AI companion ๐Ÿ“–

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published