#webai — Public Fediverse posts

Google I/O is powering down, but the roadshow begins! 🗺️✨

I’ll be hitting the I/O Connect circuit because shipping APIs means nothing until our work gently collides with real devs solving real-world problems.

Thanks for raiding the Chrome sandbox! 🚀
#GoogleIO #WebAI #WebDev

Google I/O is powering down, but the roadshow begins! 🗺️✨

I’ll be hitting the I/O Connect circuit because shipping APIs means nothing until our work gently collides with real devs solving real-world problems.

Thanks for raiding the Chrome sandbox! 🚀
#GoogleIO #WebAI #WebDev

Google I/O is powering down, but the roadshow begins! 🗺️✨

I’ll be hitting the I/O Connect circuit because shipping APIs means nothing until our work gently collides with real devs solving real-world problems.

Thanks for raiding the Chrome sandbox! 🚀
#GoogleIO #WebAI #WebDev

Google I/O is powering down, but the roadshow begins! 🗺️✨

I’ll be hitting the I/O Connect circuit because shipping APIs means nothing until our work gently collides with real devs solving real-world problems.

Thanks for raiding the Chrome sandbox! 🚀
#GoogleIO #WebAI #WebDev

Google I/O is powering down, but the roadshow begins! 🗺️✨

I’ll be hitting the I/O Connect circuit because shipping APIs means nothing until our work gently collides with real devs solving real-world problems.

Thanks for raiding the Chrome sandbox! 🚀
#GoogleIO #WebAI #WebDev

Wrapped up two fantastic days in London at the International JavaScript Conference, where I had the chance to talk about #WebAI and #WebMCP — two explorations around bringing AI to the browser. Thanks to everyone who came by the session!

I also enjoyed catching up in person with my fellow speakers Brygida Fiejdasz and @ManfredSteyer, and with my London-based @tag colleagues @lolaodelola and Matthew Atkinson. 😊

Wrapped up two fantastic days in London at the International JavaScript Conference, where I had the chance to talk about #WebAI and #WebMCP — two explorations around bringing AI to the browser. Thanks to everyone who came by the session!

I also enjoyed catching up in person with my fellow speakers Brygida Fiejdasz and @ManfredSteyer, and with my London-based @tag colleagues @lolaodelola and Matthew Atkinson. 😊

Wrapped up two fantastic days in London at the International JavaScript Conference, where I had the chance to talk about #WebAI and #WebMCP — two explorations around bringing AI to the browser. Thanks to everyone who came by the session!

I also enjoyed catching up in person with my fellow speakers Brygida Fiejdasz and @ManfredSteyer, and with my London-based @tag colleagues @lolaodelola and Matthew Atkinson. 😊

🌸 Great #GDGKarlsruhe meetup on Wednesday!

Big thanks to Thinktecture for the space, pizza & beer 🍕🍺 — and to Sascha Lehmann for his talk on real-time AI language interfaces. 💻

I shared what's new in #WebAI: WebNN, Built-in AI, and #WebMCP. 🧠

Thanks to everyone who joined! 🚀

🌸 Great #GDGKarlsruhe meetup on Wednesday!

Big thanks to Thinktecture for the space, pizza & beer 🍕🍺 — and to Sascha Lehmann for his talk on real-time AI language interfaces. 💻

I shared what's new in #WebAI: WebNN, Built-in AI, and #WebMCP. 🧠

Thanks to everyone who joined! 🚀

🌸 Great #GDGKarlsruhe meetup on Wednesday!

Big thanks to Thinktecture for the space, pizza & beer 🍕🍺 — and to Sascha Lehmann for his talk on real-time AI language interfaces. 💻

I shared what's new in #WebAI: WebNN, Built-in AI, and #WebMCP. 🧠

Thanks to everyone who joined! 🚀

Is your AI feature a "Main Quest" helper or a high-friction detour?

Most AI feels like a "Pull" handle on a door that should have a Push-bar. I deconstructed an AI Alt-Text demo using the built-in AI APIs to meet users where they already go.

✅ Follow The Momentum: Why Push-bars beat Pull handles.
✅ The Latency Tax: Hide the seams or quality won't matter.
✅ Temporal Illusions: Why "instant" AI can decrease trust.

📖 https://exploractical.com/blog/2026/alt-text/
🧪 https://exploractical.com/demos/alt-text/

#WebAI #UX #BuiltInAI

New from my Web AI Lab: I’ve built an “article assistant” for my site that runs using local AI in the browser (via Chrome + Gemini Nano) when available — and falls back to a cloud model when it isn’t. I think local AI has huge implications for the #OpenWeb. ricmac.org/2026/03/19/a... #WebAI

Building an article assistant:...

New from my Web AI Lab: I’ve built an “article assistant” for my site that runs using local AI in the browser (via Chrome + Gemini Nano) when available — and falls back to a cloud model when it isn’t.

Before you dismiss this because it's AI, I think this has huge implications for the #OpenWeb. Instead of sending every interaction to BigTech clouds, users can increasingly run AI on their own device: better privacy, lower cost & more user control.

Check it out: https://ricmac.org/2026/03/19/article-assistant-local-ai-browser/ #WebAI

I experimented with WebMCP on my personal website, exposing two tools an AI assistant can call directly from the browser: searching an article and subscribing to my newsletter. It’s a small prototype, but it hints at how websites are fast becoming AI-interactive surfaces. https://ricmac.org/2026/03/11/webmcp-ai-agents-interact-website/ #WebAI #WebMCP #WordPress

I experimented with WebMCP on my personal website, exposing two tools an AI assistant can call directly from the browser: searching an article and subscribing to my newsletter. It’s a small prototype, but it hints at how websites are fast becoming AI-interactive surfaces. https://ricmac.org/2026/03/11/webmcp-ai-agents-interact-website/ #WebAI #WebMCP #WordPress

I experimented with WebMCP on my personal website, exposing two tools an AI assistant can call directly from the browser: searching an article and subscribing to my newsletter. It’s a small prototype, but it hints at how websites are fast becoming AI-interactive surfaces. https://ricmac.org/2026/03/11/webmcp-ai-agents-interact-website/ #WebAI #WebMCP #WordPress

I experimented with WebMCP on my personal website, exposing two tools an AI assistant can call directly from the browser: searching an article and subscribing to my newsletter. It’s a small prototype, but it hints at how websites are fast becoming AI-interactive surfaces. https://ricmac.org/2026/03/11/webmcp-ai-agents-interact-website/ #WebAI #WebMCP #WordPress

I experimented with WebMCP on my personal website, exposing two tools an AI assistant can call directly from the browser: searching an article and subscribing to my newsletter. It’s a small prototype, but it hints at how websites are fast becoming AI-interactive surfaces. https://ricmac.org/2026/03/11/webmcp-ai-agents-interact-website/ #WebAI #WebMCP #WordPress

In most enterprise environments, third party cloud-based STT is a non-starter. That usually leaves us with mediocre OS defaults.

My colleague @paul 's "Utter" Chrome extension fixes this by keeping the intelligence loop local. It uses the WebSpeech and Prompt APIs to transcribe and polish your "train of thought" entirely on-device. 🛡️✨

A productivity unlock for AI agent workflows without the data leakage.

Give it a spin: https://chromewebstore.google.com/detail/utter/eejdhhjghkhkfejhbceeknhebhegijee

#WebAI #BuiltInAI

As part of my #WebAI explorations, I've built an AI chatbot for my personal website called Ask Ricmac. Under the hood, it runs on a Cloudflare Workers backend that uses Vectorize, D1 and Workers AI. During development, I also used the WordPress MCP Adapter and Claude Desktop. In this post I explain how these pieces fit together and the role each one plays. https://ricmac.org/2026/03/06/building-ask-ricmac-my-first-experiment-in-the-web-ai-stack/

While I figure out what’s next in my career, I resolved to dive into a technology stack I’ve been deeply interested in for a while: Web AI. Only this time not just writing about these technologies, but building apps with them too. ricmac.org/2026/02/26/w... #WebAI

Becoming a Web AI Practitioner...

While I figure out what’s next in my career, I resolved to dive into a technology stack I’ve been deeply interested in for a while: Web AI. Only this time not just writing about these technologies, but building apps with them too. In this post, I’ve taken a stab at a high-level overview of the Web AI stack, which I'd love your feedback on. https://ricmac.org/2026/02/26/web-ai-stack/ #WebAI

I'm thrilled to share that Google has extended my @googledevexpert membership for another year! 🎖️ Being a GDE since 2019, it has been an incredible journey contributing to the community in the categories of Web Technologies (AI for Web Developers, Progressive Web Apps, and Project Fugu) and Angular. Let's continue to push the boundaries of the Web together! 🚀 #GDE #WebAI #AI #Angular #PWA #ProjectFugu

I'm thrilled to share that Google has extended my @googledevexpert membership for another year! 🎖️ Being a GDE since 2019, it has been an incredible journey contributing to the community in the categories of Web Technologies (AI for Web Developers, Progressive Web Apps, and Project Fugu) and Angular. Let's continue to push the boundaries of the Web together! 🚀 #GDE #WebAI #AI #Angular #PWA #ProjectFugu

I'm thrilled to share that Google has extended my @googledevexpert membership for another year! 🎖️ Being a GDE since 2019, it has been an incredible journey contributing to the community in the categories of Web Technologies (AI for Web Developers, Progressive Web Apps, and Project Fugu) and Angular. Let's continue to push the boundaries of the Web together! 🚀 #GDE #WebAI #AI #Angular #PWA #ProjectFugu

My #WebAI Summit talk "Built-in AI in the wild: A Mastodon translation success story" is now live: https://youtu.be/-l2BUUdBDS8?si=ZfBQiR6e9pyz0CUG. I had so much fun giving this talk, and in it I teach you the German word for waving back at someone who wasn't waving at you: Fremdwinkzurückwinkungspeinlichkeit 🇩🇪 👋 😳. If you ever need the German for something, be sure to reach out!

Videos from the Web AI Summit coming soon!

In the meantime, here's the deck for "Beyond the demo: building the WebAI playbook." Let's validate ideas & UX patterns, fill tooling gaps, and write this playbook together.

https://docs.google.com/presentation/d/1wTRhaujJnJDxhhuG7KNhHfBl_2wQ0yqIX1V7xs4OesI/edit?usp=drivesdk

#WebAI #BuiltinAI #WebDev #GeminiNano #ChromeAI

What a journey! 🥳 It’s been 6️⃣ years since I was accepted into the GDE program. It all began with my engagement in Angular, Progressive Web Apps, and Project Fugu. With the rise of Generative AI, I have focused on making web apps smarter. #GDEgiftfromGoogle #GDE #Angular #PWA #ProjectFugu #WebAI

What a journey! 🥳 It’s been 6️⃣ years since I was accepted into the GDE program. It all began with my engagement in Angular, Progressive Web Apps, and Project Fugu. With the rise of Generative AI, I have focused on making web apps smarter. #GDEgiftfromGoogle #GDE #Angular #PWA #ProjectFugu #WebAI

What a journey! 🥳 It’s been 6️⃣ years since I was accepted into the GDE program. It all began with my engagement in Angular, Progressive Web Apps, and Project Fugu. With the rise of Generative AI, I have focused on making web apps smarter. #GDEgiftfromGoogle #GDE #Angular #PWA #ProjectFugu #WebAI

I strongly believe WebGPU is the answer for many of the issues plaguing AI now from monopoly of Nvidia in compute, data & privacy to environmental impact of the massive data centers for AI.

Since WebGPU enables access to GPU for the web applications on browsers,

It will give a fair chance to other GPU vendors for inference as its not dependent upon the Nvidia's CUDA.


#WebAI #browsers #linux

Just wrapped up my talk at #WebAI summit 2025: "Beyond the demo: building the WebAI playbook".

It's a call to start building a #playbook for WebAI to make going from demo to production a breeze. I shared a lay of the land and a few ideas to explore further.

I will share the slide deck in a few days, and the video when it's published.

Let's get paving the road to prod!

Attending #WebAI Summit in Sunnyvale 🇺🇸 today

It's #WebAI summit day at the Google Event Center (MP7) in Sunnyvale!

My talk is a call to start building a playbook to make going from demo to production a breeze. I will share a lay of the land and a few ideas to explore further. Let's get paving the road to prod!

#playbook #earlybird

Before any of the built-in AI APIs in Chrome can be used, the underlying AI model and any customizations (such as fine-tunings) must be downloaded from the network 🌐, the compressed data be extracted 🗜️, and finally be loaded into memory 🧠. My new guide documents some of the best practices for improving the user experience as they wait for this download: https://developer.chrome.com/docs/ai/inform-users-of-model-download.

There are two embedded demos that show:

- Client-side only
- Hybrid implementation

#WebAI #BuiltInAI

I have attendee codes for the Web AI Summit in Sunnyvale on Oct 17. The Chrome Web AI team wants to meet you for the hallway track. Share your Web AI projects & pain points for a chance to get a code & help us with critical context engineering.

Agenda: https://rsvp.withgoogle.com/events/web-ai-summit-2025/sessions

Can't make it? No worries—the talks will be published a few weeks after the event.

#WebAI #WebDev #AI #BuiltInAI

Curious about AI on the client side? Join us *in person* on 🗓️ October 17 in Sunnyvale, CA, United States of America, for the #WebAI Summit 2025: https://rsvp.withgoogle.com/events/web-ai-summit-2025/home.

Please only register if you can indeed make it in person, and yes, I understand that many may not feel comfortable attending a conference in the US right now. (Don't shoot the messenger!) If you can't or don't want to make it, the recordings will be up about a month after the event on this playlist: https://www.youtube.com/playlist?list=PLNYkxOF6rcIAEVKJ98bDkQRkwvO4grhnt.

On the Chrome team, we have an interesting new origin trial for you to try in your apps: the Proofreader API: https://developer.chrome.com/docs/ai/proofreader-api.

❌ tyop → ✅ typo

```js
const proofreader = await Proofreader.create({
expectedInputLanguages: ['en'],
});

const proofreadResult = await proofreader.proofread(
'PLease tryt his API and let us knwo how it foes!',
);
```

It's powered by Gemini Nano internally and part of Chrome's #BuiltInAI / #WebAI effort.

Thrilled to see the #BuiltInAI Translator API used by jimakuChan, a popular web app for streamers to generate live subtitles with translations.

This is exactly the vision: making powerful AI available directly in the browser. Users get fast, private, live translation for free—no complex setup needed.

Another win for #WebAI !

Link to jimakuChan: https://sayonari.github.io/jimakuChan/

Link to built-in AI APIs:
https://developer.chrome.com/docs/ai/built-in-apis

On the Chrome team, we have an interesting new origin trial for you to try in your apps: the Proofreader API: https://developer.chrome.com/docs/ai/proofreader-api.

❌ tyop → ✅ typo

```js
const proofreader = await Proofreader.create({
expectedInputLanguages: ['en'],
};

const proofreadResult = await proofreader.proofread(
'PLease tryt his API and let us knwo how it foes!',
);
```

It's powered by Gemini Nano internally and part of Chrome's #BuiltInAI / #WebAI effort.

Cool Prompt API exploration by Ryan Seddon: "How to build an Agent, On-Device Edition": https://ryanseddon.com/ai/how-to-build-an-agent-on-device/. #WebAI

Built-in AI takes a field trip to Middle-earth 🗺️🧝‍♂️!

I love seeing the unexpected things people create with the web platform.

Tecendil uses the built-in AI Language Detector API to transliterate text into Tolkien's Tengwar script: https://www.tecendil.com/?q=Ten%C3%A9is%20mi%20espada

This is the magic we live for! It shows how zero-cost, low-friction, client-side AI unlocks a new canvas for developers.

What's the most creative use of a web API you've stumbled upon?
#WebPlatform #BuiltinAI #WebAI #WebDev #Tolkien

📢 On July 15, 2025, I'll give a talk at the #ReactJS #Barcelona #meetup on "Adding Built-in AI API support to Mastodon": https://www.meetup.com/es-ES/reactjs-barcelona/events/308646590/. You'll learn about built-in #WebAI APIs and how to use them in a large-scale React app like Mastodon! (Caveat: Actual PR pending, but it works on my machine 🫣…)

Practical built-in AI with Gemini Nano in Chrome

https://www.youtube.com/watch?v=CjpZCWYrSxM by @tomayac

#AI #ArtificialIntelligence #Chrome #WebAI

For #LocalFirstConf in Berlin, I started with a live-coding talk on the Language Detector, Translation, and Summarizer API by hacking in the DevTools Console on https://local-first-conf-rocks.glitch.me/, and then showed off the Prompt API with structured output and multimodal image input.

Next, I demo'ed the Prompt API SQLite project 🪩, which is a #LocalFirst LLM with image input app that you can converse with entirely offline and resume where you left off when you reload: https://tomayac.github.io/prompt-api-sqlite/. #WebAI

My #GoogleIO talk "Practical built-in Al with Gemini Nano in Chrome" is finally live: https://youtu.be/CjpZCWYrSxM?si=DuyJ49RPFO0uwOec. Learn almost everything about the following exciting new APIs and see tons of real world partner demos using them:

🔮 Prompt API
…with image input 🖼️
…with audio input 👂
…with textual input 🔤
🖊️ Writing Assistance APIs
🗣️ Translation API
✔️ Proofreading API

#WebAI #GeminiNano

📢 New article: Reliably downloading large AI models is a challenging task. By using the Background Fetch API as a progressive enhancement, you can improve the user experience of client-side AI significantly: https://web.dev/articles/background-fetch-ai/. Background Fetch is quite an old API, but it's more useful than ever today for #WebAI!

"I want it that way…" 🎶

Back from 3 weeks of traveling! Here are some conf highlights: I was honored to speak at my 4th NG-DE. My talk was about what’s new in #WebAI—with updates on #WebNN, #PromptAPI & lots of Karaoke.

➡️ Slides: https://www.thinktecture.com/contributions/whats-new-in-web-ai/

#ngde #Angular

"I want it that way…" 🎶

Back from 3 weeks of traveling! Here are some conf highlights: I was honored to speak at my 4th NG-DE. My talk was about what’s new in #WebAI—with updates on #WebNN, #PromptAPI & lots of Karaoke.

➡️ Slides: https://www.thinktecture.com/contributions/whats-new-in-web-ai/

#ngde #Angular