DreamSlide

Turn Any Web Page Into a Story

Comment

Inspiration

Reading long articles or blog posts online is overwhelming. People skim, get distracted, and often miss the key insights. I thought what if any web page could instantly get summarized and become a slide show, with narration, titles, and visuals like a mini documentary mode for the web?

What it does

DreamSlide takes any page you’re on and instantly builds a slide show out of it: • Summarize the content • Optional AI translation into multiple languages • AI Rewriter to change the tone of the text • Shorter slide titles • 8–30 slides with clear, readable text • Play all narration so the page becomes an audio story

In short: it turns the web into small presentations.

How I built it

• Chrome’s built-in AI APIs: Summarizer, Rewriter, Translator, Prompt
• Background + content scripts: background.js handles caching and AI calls; content.js builds the overlay UI on the page
• Speech synthesis: narrates slides like a mini audiobook
• Caching: fast reloads with local + storage cache
• UI/UX: clean overlay with keyboard navigation and Play All mode

Challenges we ran into

• The on-device models sometimes stall or never return (had to write a lot of fallbacks).
• Getting titles right was tricky -  the model loved to spit out “Small Generic text” not full sentences.
• Managing async calls between background and content scripts without breaking the overlay.
• Performance issues when parsing huge pages (had to build smart chunking + heuristics).

Accomplishments that we're proud of

• First working prototype that turns any article into a slide-based story mode.
• Titles are clean, short, and AI-generated (not just copy-pasted).
• Translation + tone rewriting works live inside the overlay.
• Play all narration makes it feel like a guided tour, not just a tool.

What we learned

• Chrome’s new AI APIs are powerful but require careful fallback design.
• UX matters a lot — even small touches (progress bar, cached loading) make the app feel real.
• Hackathon deadlines force you to simplify — focus on the “wow” first, polish later.

What's next for DreamSlide

• Add AI-generated visuals (instead of just using page images).
    • Add AI-generated audio that sounds like real human.
• Make the slides exportable (to PDF or Google Slides).
• Add mobile support when Chrome opens APIs to Android.
• Let users share DreamSlides directly as links.

Built With

Share this project:

Updates