One-click page summarizer
Turn any article into three bullets.
For: Builders of reading / research extensions
A toolbar button that summarizes the current page. Because the extension reads the DOM and calls the provider directly, the article text never touches a third-party server you run.
The problem
Summarizers re-summarize the same article every time the user clicks. Each click is a full model call unless you cache by page — and doing that per-extension is the same boilerplate every time.
How Anouk handles it
- ▸The content script grabs document.body.innerText and hands it to AIService.call().
- ▸The cache key includes the page URL, so re-clicking the same article returns the cached summary.
- ▸Switching to a local Ollama model keeps the whole flow on-device for privacy-sensitive users.
src/content.js
import { AIService } from 'anouk';
const summary = await AIService.call(
'Summarize this page in 3 bullets',
document.body.innerText,
`summary_${location.href}`
);
showPanel(summary); Anouk features used
AIService.call()Response cache (URL-keyed)Local Ollama support
Build this in an afternoon
Scaffold with anouk init, drop in the call above, and point it at a provider.