# Web apps for people and AI agents. > Agent-Ready Web Applications by Dream Awake Labs. Web apps that offer their real actions to AI agents as typed tools, next to the regular forms, with consequential actions flagged so a person stays in control. The problem: When an AI agent uses a website it clicks through the interface or scrapes it. That breaks when the layout changes, and the business cannot tell a harmless lookup from an action that sends money or personal details. Who it is for: For businesses whose website takes inquiries, bookings, or orders and who want AI agents to use it correctly, with a person in control of anything that has consequences. ## An app a person and an agent use together WebMCP Replay Room is a tennis replay workspace where a person and a browser agent review shots together. Six capabilities are defined once with Agent Forge, three read and three reversible-write, and registered as tools in the browser over WebMCP. Without WebMCP the app runs as an ordinary interactive demo. A person selects a shot that feels wrong. The agent reads it, finds similar ones, puts them in the review rail, and compares them with stronger references. On request it writes the issue into the coaching plan. Every change is visible and reversible, and none of it clicks or scrapes the interface. The same layer runs The Rectangle’s website and this one: each page registers its tools, consequential actions are flagged so an agent confirms with the user first, and Markdown alternates and llms.txt give agents the same facts people read. - WebMCP Replay Room demo session: a list of twelve shots on the left with shot 3, a backhand marked "Off balance on recovery", selected; a center panel noting that video was not captured for this shot; and a right panel showing the main issue "Lost balance through contact" with metric scores and buttons to find similar shots or make it the next focus. (The demo on its synthetic session. Agent tools appear in browsers with WebMCP enabled.): https://dreamawakelabs.com/work/webmcp-replay-room/overview.webp - Diagram: an application defines four capabilities, from a read to an irreversible write, with the two writes flagged consequential. Agent Forge runs each call through one execution wrapper in four steps and emits metadata-only execution events. The WebMCP adapter publishes the tools to a browser agent. (One capability definition, published to agents through an adapter.): https://dreamawakelabs.com/work/agent-forge/capability-flow.svg Case study: [WebMCP Replay Room](https://dreamawakelabs.com/work/webmcp-replay-room.md) ## How it works - [Agent Forge](https://dreamawakelabs.com/technology#agent-forge): defines each operation once with a schema and an effect class and publishes it to browser agents through WebMCP. - [Agent-native web apps](https://dreamawakelabs.com/technology#web-apps): are the server-rendered Nuxt apps the tools live in, fast without JavaScript and readable by crawlers and agents. - [Agent City](https://dreamawakelabs.com/technology#agent-city): turns the execution events the tools emit into a view of what agents did, without logging what users typed. ## What we can build - **Typed tools**: Each operation defined once with a schema and an effect class, published to browser agents through WebMCP. - **Approval flags**: Actions that send money or personal details marked consequential, so an agent confirms with the user first. - **Server-rendered apps**: TypeScript, Vue, and Nuxt apps backed by Postgres, fast without JavaScript and readable by crawlers and agents. - **Discovery surfaces**: Markdown alternates, llms.txt, and structured data, so agents read the same facts as people. - **Inquiry pipelines**: AI screening, routing, CRM sync, and a person’s approval before anything is invoiced. - **Observability**: Metadata-only execution events, so you can see what agents did without logging what users typed. ## Projects - [The Rectangle](https://dreamawakelabs.com/work/the-rectangle.md): A working creative space in Santa Cruz for DJ rehearsals, media production, and XR experiments, supported by an agent-ready booking website. - [WebMCP Replay Room](https://dreamawakelabs.com/work/webmcp-replay-room.md): A tennis replay workspace where a person and a browser agent review shots together through six reversible Agent Forge capabilities. - [Agent Forge](https://dreamawakelabs.com/work/agent-forge.md): An open-source TypeScript library that lets a web app expose its real operations to AI agents as typed tools, each with a declared effect and a flag for consequential actions. - [Agent City](https://dreamawakelabs.com/work/agent-city.md): A live 3D city that shows a business owner what their AI agents are doing and holds every consequential step for a person to approve. ## One action, published to agents We take one existing form or action on your site, define it as a typed tool with the right effect class, and add Markdown alternates for the pages agents read most. What you get: The tool live on the page, the Markdown alternates and llms.txt, and a note on which other actions are worth publishing and which need approval. What you bring: - The site and the action to start with - Who approves a consequential action - Access to the repository or a staging environment - [Make your site agent-ready](https://dreamawakelabs.com/start?from=%2Fagent-ready-web) - Email: hello@dreamawakelabs.com ## Other areas of expertise - [Story & World Intelligence](https://dreamawakelabs.com/story-intelligence.md): Film search, AI characters, and interactive stories. - [Interactive & Physical Experiences](https://dreamawakelabs.com/experiences.md): Experiences that respond to the people in the room. - [AI agents & business automation](https://dreamawakelabs.com/agents.md): AI agents for everyday business work. - [Synthetic data & digital humans](https://dreamawakelabs.com/synthetic-data.md): Synthetic data for training and testing AI. - [Multiplayer game development](https://dreamawakelabs.com/multiplayer.md): Multiplayer games and the servers behind them. - [Digital Twin Simulation](https://dreamawakelabs.com/digital-twins.md): Simulated people, spaces, and systems in a game engine. - [Custom engineering](https://dreamawakelabs.com/software.md): Engineering for the parts no off-the-shelf product covers.