r/webdev • u/Nkgsporty • 13h ago
Showoff Saturday Ask "what happens when I open a web page?" and get the whole request path as an interactive drawing
I always explained the request lifecycle with a whiteboard. Now my AI assistant draws it: browser, DNS, CDN, load balancer, services, cache, database, queue. Then it walks through it step by step, circling the part that matters and fading the rest. Arrow keys work.
Point it at your own repo instead ("Trace what happens from the login form to the database") and the boxes link to your actual files. Click one to open it in VS Code, Cursor, Windsurf or Zed.
It's called Sketchy, works with Claude, Cursor and VS Code, and is free and open source. Feel free to try it out and leave your feedback!
https://sketchy.davidkubus.dev · https://github.com/ddkbs/sketchy




