Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 

Repository files navigation

AI driven Web Development with Chrome DevTools Protocol

Talk by Dani Akash, Founding Engineer at BrowserOS, for JSLovers Chennai.

Event

About the talk

This talk walks through how AI agents can use the Chrome DevTools Protocol to inspect websites, debug issues, iterate on UI, and speed up real web development workflows.

The repository contains both the slides used for the session and the demo pages used to showcase common debugging and development tasks.

Repository structure

slides/   Slidev deck for the talk
demo/     Demo pages with intentional issues for CDP-based inspection and debugging

Running the slides

cd slides
pnpm install
pnpm dev

This starts the Slidev deck locally.

Running the demo pages

You can serve the demo pages with any static file server. One simple option is:

npx http-server ./demo -p 3000 -o

To follow the workflow from the talk, launch Chrome with remote debugging enabled:

open -a "Google Chrome" --args --remote-debugging-port=9222 --user-data-dir=$HOME/chrome-temp-profile

Releases

Packages

Contributors

Languages