The Interactive Site Playbook: 7 AI-Agent Builds for Websites That React to Cursor, Scroll and Click

This playbook is for designers, freelancers and founders who have seen those interactive sites (the character that follows your cursor, the video that plays as you scroll, the 3D bookshelf) and assumed they needed a developer or weeks of work. They don't. Most people get stuck because they ask an AI agent for "a cool website" and get a generic landing page back. Inside are seven plays, each one a workflow I've used to ship a real interactive build with AI agents. Every play tells you when to use it, walks you through the steps in order, and shows a worked example. You'll learn how to make one looping video follow the cursor with a look map, chain AI videos by reusing the last frame as the next first frame, and build a day/night cursor reveal in Framer Agent. You'll also learn how to turn a single particle component into a 3D hero, build a pull-out 3D bookshelf in Replit, and connect Claude and Codex to your Framer canvas through MCP. The last play covers how to direct an agent, with prompt structure, small refinement loops and when to take over by hand. You'll finish with a clear method: pick one interactive moment, prepare the right assets, write a prompt that defines the interaction, then refine in small steps. Fewer wasted credits, fewer generic results. I'm Daniil, a UX/UI designer who spends his days testing these tools. Every play here comes from a build I made and documented, including the parts that broke and how I fixed them.