Most AI chatbots on websites work the same. a chat window opens, the user types a question, the AI writes an answer, and the user has to figure out where to click on their own. I wanted to try something different. My idea: what if the AI just shows you? It creates a full step by step guide, highlights the buttons, scrolls to the right section, walks you through each step directly on the page. The technical challenge was giving the AI enough context to actually understand what’s on the screen. I ended up combining two sources 1. a DOM snapshot for structure and text content, and 2. an html2canvas screenshot for visual layout. Both get sent to Claude Haiku, which generates step-by-step guidance. A MutationObserver watches for DOM changes after each step so the AI can react when the page updates. You can install it with a single script tag so it works on any website without manual setup. It’s called Phaysr if you want to check it out. Would love to hear your thoughts on this tool and if you would use something like this. submitted by /u/DrJonah345
Originally posted by u/DrJonah345 on r/ArtificialInteligence
