Inspiration

There is so much great content to learn from on the web but so little time to consume it all. So an easy way to summarize content is a great solution!

What it does

The application is a Chrome extension that summarizes a webpage with a single click (or shortcut). It uses the Chrome built-in AI Summarizer API to summarize the page. It also has support for setting the output language of the summary, where it uses the Translator API.

That’s the essence of it but it has A LOT of additional features:

  • Additional providers with several AI models (OpenAI GPT-4/5, Google Gemini, Anthropic Claude)
  • Fallback system if primary model fails.
  • Model performance tracking for monitoring success rates, response times, and usage metrics.
  • Summary history with export functionality.
  • 19 different output languages of summary. For Chrome Built-in AI, the Translator API is used.
  • Keyboard shortcut for triggering the extension. Default is βŒ˜β‡§S (Command+Shift+S) - "S" for summary. This can be reconfigured in Chrome settings.
  • Context menu option for summarizing only selected text.
  • Length of summary can be configured (short, medium, long). Works for all providers.
  • Option for settings preferred date format.
  • Light/dark mode for settings.
  • A lot of themes with customization options: font (including a Dyslexic option), font-size, font-style.

How I built it

VSCode, TypeScript, Jest

Challenges I ran into

Submission to the Chrome Web Store is slow (this was my first).

Accomplishments that we're proud of

That users actually have downloaded it!

What I learned

A lot about Chrome and the extension system. First time building for it, so it was great learning a lot about it!

What's next for AI Summary

Several additional features are planned:

  • Translations for the extension
  • Read summary aloud
  • Support for local LLM
  • More theming options

Built With

Share this project:

Updates