> Markdown version of [/events/world-congress-2026-europe/sessions/1222-prompt-render-debug](https://www.wearedevelopers.com/events/world-congress-2026-europe/sessions/1222-prompt-render-debug). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# Prompt, Render, Debug: AI-Powered React Development with Chrome DevTools


- **Date:** Friday, Jul 10, 2026
- **Time:** 09:40–10:10 (30 min)
- **Room:** Stage 5
- **Event:** World Congress 2026 Europe

## Recording

[Watch recording](https://www.wearedevelopers.com/videos/100206-prompt-render-debug-ai-powered-react-development-with-chrome-devtools)

## Description

A live walkthrough of the modern React workflow — from AI-generated UI to a running app, then debugging and optimizing it with Chrome DevTools MCP. See how agents scaffold components, interact with real Chrome, and inspect runtime behavior instead of guessing from static code.
WebMCP is a proposed web standard that lets websites expose specialized tools (search, book, filter, etc.) directly to visiting AI agents. With experimental Chrome support, you can debug those tools in DevTools → Application → WebMCP — list registered tools, watch live agent calls, and inspect inputs and results.

## Speaker

### [Suchitra Swain](https://www.wearedevelopers.com/@suchitra-swain)

Senior Frontend Engineer | React, Next.js, TypeScript | Google I/O Connect Attendee (2024 and 2025)


## Related talks at this congress

- [AI in Your Browser: Exploring Chrome's Built-In LLM](https://www.wearedevelopers.com/events/world-congress-2026-europe/sessions/1176-ai-in-your-browser) — Daniel Ostrovsky
- [Edge AI on iOS: Beyond the Cloud, Designing the Next Generation of Intelligent On-Device Apps](https://www.wearedevelopers.com/events/world-congress-2026-europe/sessions/1256-edge-ai-on-ios) — Precious Osaro
- [Future of Mobile AI. What On-Device Intelligence Means for App Developers](https://www.wearedevelopers.com/events/world-congress-2026-europe/sessions/1298-future-of-mobile-ai) — Sasha Denisov
- [Xcode development redefAIned](https://www.wearedevelopers.com/events/world-congress-2026-europe/sessions/1229-xcode-development) — MIlan Todorović