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
- chrome-ai
- css
- html
- javascript
- jest
- npm
- summarizer-api
- translator-api
- typescript
- vite
Log in or sign up for Devpost to join the conversation.