Inspiration
I was inspired by the idea of making information easier to digest. Many times we encounter long articles or documents and just want the key points quickly. I wanted to build a lightweight tool that could summarize text instantly, using the latest AI technologies available directly in the browser.
What it does
Gisty is a web app that summarizes any text in 3–5 sentences. It leverages Chrome’s Built-in AI (Gemini Nano) for on-device summarization, keeping the process fast and private. When Gemini Nano isn’t available, Gisty gracefully falls back to a local demo summarizer, ensuring it works for everyone.
How we built it
We built Gisty using HTML, CSS, and JavaScript, keeping it lightweight and beginner-friendly. The app interacts with the Chrome Built-in AI APIs (window.ai.createTextSession() and window.ai.canCreateTextSession()) when available. For unsupported browsers or users without Early Preview access, it uses a dummy local summarizer. The UI is responsive and includes a “Copy Summary” button for convenience.
Challenges we ran into
- Chrome’s Built-in AI APIs are still experimental, so
window.aiisn’t available to all users yet. - Configuring Chrome Canary and enabling the right flags required trial and error.
- Designing a simple, clean UI that is easy to use and looks polished within a short timeframe.
Accomplishments that we're proud of
- Built a fully functional web app ready to use with Gemini Nano.
- Implemented a fallback summarizer so the app works immediately for anyone.
- Created a user-friendly, responsive interface with minimal code.
What we learned
- How to interact with Chrome’s new on-device AI APIs.
- Feature detection and graceful fallback techniques for experimental APIs.
- Building beginner-friendly web apps with clean design and usable functionality.
What's next for Gisty
- Full Gemini Nano integration once Early Preview access is granted.
- To develop it into a Chrome Extension to summarize text directly from any webpage.
- Expand features to include AI-based rewriting, tone change, or translation.
Built With
- chrome
- css
- gemininano
- html
- javascript
- vscode
Log in or sign up for Devpost to join the conversation.