> Canonical URL: https://codingcat.dev/topic/chrome

# Chrome Courses, Podcasts & Blog Posts | CodingCat.dev

🛡️ DevOps & Architecture Hub

# Chrome.

Chrome DevTools, Manifest V3 Extensions, Lighthouse & Web Vitals

Explore CodingCat.dev hands-on courses, video lessons, podcast episodes, and technical deep-dive blog posts covering Chrome: Chrome DevTools, Manifest V3 Extensions, Lighthouse & Web Vitals.

[Search All Chrome Content](/search?q=Chrome)![Chrome official logo](/logos/tags/chrome-lockup-light.svg)![Chrome official logo](/logos/tags/chrome-lockup-dark.svg)Official Chrome Brand Lockup (5 Blog Posts · 0 Episodes)✏️ Chrome Production Architecture Diagram✓ Good PatternVISUAL DIAGRAM[Diagram Walkthrough]How Chrome fits into a modern, type-safe full-stack production architecture on CodingCat.dev.AAA Contrast Verified

## Chrome Courses.

[All Courses→](/courses)[![Chrome DevTools MCP: Self-Healing Agent Visual & Video Inspection](https://cdn.sanity.io/images/hfh83o0w/production/b144a4ce077ac03d081ed66396a7cffebbcdb24f-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/chrome-devtools-mcp-visual-agent-loops)November 4, 2026[![](/logos/tags/react-native-symbol-light.svg)![](/logos/tags/react-native-symbol-dark.svg)React Native](/topic/react-native)[![](/logos/tags/threejs-symbol-light.svg)![](/logos/tags/threejs-symbol-dark.svg)Three.js](/topic/threejs)

### [Chrome DevTools MCP: Self-Healing Agent Visual & Video Inspection](/course/chrome-devtools-mcp-visual-agent-loops)

Give your AI agent eyes inside the browser. Use Chrome DevTools MCP so your agent inspects its own rendered video frames, WebGL canvases, and DOM layouts before exporting.

[![Flagship 3: Deterministic HTML Motion & Critique with HyperFrames, GSAP, Impeccable & Chrome DevTools MCP](https://cdn.sanity.io/images/hfh83o0w/production/b155eb490d8cc1576c7332ce9294f612cbc917aa-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/deterministic-html-motion-hyperframes-gsap-devtools-mcp)November 4, 2026[![](/logos/tags/html-symbol-light.svg)![](/logos/tags/html-symbol-dark.svg)HTML](/topic/html)[![](/logos/tags/ai-symbol-light.svg)![](/logos/tags/ai-symbol-dark.svg)AI & Agents](/topic/ai)

### [Flagship 3: Deterministic HTML Motion & Critique with HyperFrames, GSAP, Impeccable & Chrome DevTools MCP](/course/deterministic-html-motion-hyperframes-gsap-devtools-mcp)

Build framework-agnostic HTML-to-video pipelines for AI agents. Combine HyperFrames, paused GSAP timelines, Impeccable design linting, and Chrome DevTools MCP self-healing visual inspection.

## Chrome Blog Posts.

Showing 5 of 5 blog postsFiltered: Chrome[Open Full Topic Hub →](/topic/chrome)[![Alex Patterson and AJ the Cat illustrating Hybrid Web AI routing between local Chrome Gemini Nano and Edge Cloud AI](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/5e4ce20618d68ddd34da389292959af126ea1dc4-1376x768.jpg?w=1376&q=82&fit=max&auto=format)](/post/hybrid-web-ai-routing-gemini-nano-firebase-ai-logic-workers)August 11, 2026[![](/logos/firebase/firebase-symbol.png)![](/logos/firebase/firebase-symbol.png)Firebase](/topic/firebase)[![](/logos/tags/cloudflare-symbol-light.svg)![](/logos/tags/cloudflare-symbol-dark.svg)Cloudflare](/topic/cloudflare)

### [Hybrid Web AI Architecture: Routing Between Browser Gemini Nano, Firebase AI Logic, and Edge Workers](/post/hybrid-web-ai-routing-gemini-nano-firebase-ai-logic-workers)

Architect a production Hybrid Web AI router in TypeScript that runs 0ms, $0 client-side inference on Chrome's built-in Gemini Nano when available and seamlessly falls back to Gemini Flash via Firebase AI Logic and Cloudflare Workers.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Alex Patterson and AJ the Cat demonstrating zero-backend client-side WebGPU RAG with OPFS vector storage](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/107fa0e8c1aed86a7cc97ee7885d5df2b1dd9bfe-1376x768.jpg?w=1376&q=82&fit=max&auto=format)](/post/client-side-webgpu-rag-transformers-js-mediapipe-opfs)June 9, 2026[![](/logos/tags/ai-symbol-light.svg)![](/logos/tags/ai-symbol-dark.svg)AI & Agents](/topic/ai)[![](/logos/tags/webgpu-symbol-light.svg)![](/logos/tags/webgpu-symbol-dark.svg)WebGPU](/topic/webgpu)

### [Zero-Backend Client-Side RAG in the Browser with WebGPU, Transformers.js, MediaPipe, and OPFS](/post/client-side-webgpu-rag-transformers-js-mediapipe-opfs)

Build a sub-10ms, offline-capable semantic search and RAG engine entirely inside the browser using WebGPU compute shaders, Transformers.js v3, Origin Private File System (OPFS) binary vector caching, and Chrome Built-in AI.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Alex Patterson and AJ the Cat pointing at Chrome Built-in AI and Gemini Nano running inside the browser with 0ms network latency](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/e657304ba873f4983782c8dca28f533cffe8be7f-1376x768.jpg?w=1376&q=82&fit=max&auto=format)](/post/chrome-built-in-ai-gemini-nano-prompt-api-guide)February 18, 2026[![](/logos/tags/typescript-symbol-light.svg)![](/logos/tags/typescript-symbol-dark.svg)TypeScript](/topic/typescript)[![](/logos/tags/ai-symbol-light.svg)![](/logos/tags/ai-symbol-dark.svg)AI & Agents](/topic/ai)

### [Chrome Built-in AI and Gemini Nano: A Production Guide to the Prompt, Summarizer, and Rewriter APIs](/post/chrome-built-in-ai-gemini-nano-prompt-api-guide)

Learn how to run zero-cost, zero-latency client-side inference in the browser using Chrome Built-in AI and Gemini Nano. Includes production TypeScript implementations for window.LanguageModel, JSON Schema responseConstraint, session cloning, and the Summarizer API.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Hacktober 2022 Laptop Giveaway](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/587167d5142eb1aa4f0a73f0ed9764af76ce80f1-1920x1080.jpg?w=1920&q=82&fit=max&auto=format)](/post/hacktober-2022-contest)October 1, 2022[![](/logos/tags/chrome-symbol-light.svg)![](/logos/tags/chrome-symbol-dark.svg)Chrome](/topic/chrome)

### [Hacktober 2022 Laptop Giveaway](/post/hacktober-2022-contest)

Win a Samsung Pro Chromebook - When you become a member during October.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Debug Angular 9 in Chrome Console](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a9715bc8ef51cab8ed422e81c810d42b1fe086ef-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/post/debug-angular-9-in-chrome-console)April 20, 2020[![](/logos/tags/angular-symbol-light.svg)![](/logos/tags/angular-symbol-dark.svg)Angular](/topic/angular)[![](/logos/tags/chrome-symbol-light.svg)![](/logos/tags/chrome-symbol-dark.svg)Chrome](/topic/chrome)

### [Debug Angular 9 in Chrome Console](/post/debug-angular-9-in-chrome-console)

Learn how to inspect and debug Angular 9 components directly inside the Chrome DevTools console using the new ng global object.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)

No matching blog posts found for this filter.

Try clearing the filter above to browse the full feed.

Loading more blog posts...✓ All blog posts loaded