AI Built-in your browser by Victor - GDE

In this session we will learn together the easiest way to get started with AI models, directly in your browser thanks to the new built-in AI in google chrome ( https://developer.chrome.com/docs/ai/built-in ).

We will learn, through live examples and demos how to use the writer, rewriter, translation, language detection, summarization proof reading and prompt APIs!

Join Google Developer Expert in Web Technologies Victor Sanchez and discover how smart your browser has just become!

DevFest is GDG Surrey’s annual flagship event, bringing together developers, researchers, students, and tech leaders to learn, share, and connect.

This year, we’re exploring the future of AI as a reasoning partner systems that don’t just predict but collaborate, explain, and align with human context.

Whether you’re a coder, designer, researcher, policymaker, or just AI-curious, DevFest 2025 is your chance to discover ideas, build connections, and shape the dialogue on the next era of AI.

Build with AI. Think with AI.
Join us at GDG Surrey DevFest 2025 Virtual Series to imagine what’s next-together.

1. GDG Surrey
Víctor Sánchez Belmar
GDE in Web Technologies
AI is now
built-IN your
browser!

2. What are we covering today?
●AI local models… yes! But… why?
●Chrome built-in AI
●7 APIs!
●A lot of hands-on demos!

4. GDG Surrey
AI everywhere?
maybe… but not for
everyone!

Running your own local
models was already
possible but it was not
easy, until now!

8. The issues…
●Explosion of local LLMs ‘systems’
●Complex setups (models, weights, quantization)
●HW requirements (drivers, compatibility, etc.)
●Security (trusted sources, sandboxing, data access)

9. The next big news in
AI will be really
small!
Small local,in-device
models are the next
BIG thing…
GDG Surrey

11. Browsers are the great equalizer
●Easy access
●Extremely large user base
●Ideal for both consumer devices and integrated
systems.
●This has worked before! (tensorflowJS)

12. Why would you run your models locally?
Privacy Faster UX Offline

13. Let chrome
do the heavy
lifting…

14. Let chrome pick the right expert for the task…
?????? ?????? ?????? ✍ ?????? ✅
Language
Detector
Translator Writer Rewriter ProofreaderSummarizer
Or not…
??????
Prompt
API

15. Current API statuses
https://developer.chrome.com/docs/ai/built-in-apis

16. Requirements
⚙ System & Hardware
●Chrome 138 + required (some APIs start from 137 for
Origin Trials)
●Supported OS: Windows 10/11, macOS 13 (Ventura)+,
Linux, ChromeOS (Chromebook Plus)
●≥ 22 GB free disk space, ≥ 4 GB VRAM, unmetered
network recommended

17. Requirements
chrome://flags/#writer-api-for-gemini-nano

chrome://flags/#rewriter-api-for-gemini-nano

chrome://flags/#proofreader-api-for-gemini-nano

chrome://flags/#prompt-api-for-gemini-nano

18. Feature detection

19. Model availability

20. Translator availability

21. Model download
*translator options will require source/target language too.

22. What can these
APIs do?
GDG Surrey

23. Language Detector

-Detect a language without external models.
-Ideal to identify and download the right
translator or correctly tag users posts.

24. Language Detector
https://developer.chrome.com/docs/ai/language-detection

25. Translator

-Incredibly powerful translator models for quick
offline use.
-One model per language pair
-Works best in combination with language
detector
-1 shot translation or streaming available

26. Translator
https://developer.chrome.com/docs/ai/translator-api

27. Summarizer
-Versatile summaries with the following options:

28. Summarizer
https://developer.chrome.com/docs/ai/summarizer-api

29. Writer

-Support users in creating new text given
existing context.
-Useful for reviews, blogposts, idea generation
both in short and long form.

30. Writer
https://developer.chrome.com/docs/ai/summarizer-api

31. ReWriter

-Support users in rewriting existing test with
different parameters, specially tone.
-Ideal to make existing content fit new
audiences or contexts

32. ReWriter
https://developer.chrome.com/docs/ai/rewriter-api

33. ProofReader

-Implement correction in user input for
grammar, punctuation and spelling.
-It is able to label each one of the changes
-Provides explanations for the mistakes
-Grammarly as an expert model!

34. ProofReader

35. ProofReader
-Results formatted as:

36. Language Model

-Everything gemini nano can do (including
multimodal input).
-Data extraction, ai-search, customization,
explanations, interaction, generation, etc…

37. Language Model

38. Language Model

39. Language Model
Multimodal

40. GDG Surrey
Let’s have some fun!
DEMO TIME

41. Ask me anything!
…or later at @VictorSanchez
Q/A

42. GDG Surrey
Víctor Sánchez Belmar
GDE in Web Technologies
Thank you!