Generated interfaces
Let a model fill your own components and never write HTML into the page. Check every action it adds on the server, and let people change what it filled in.
- Required 1
- Recommended 1
Required
Build generated screens only from your own components
APP-66When a model shapes part of a screen, it returns data that names components from your own list, checked against a schema. Never insert HTML, script or styles that a model wrote into your page.
Recommended
Let people check and change what a model filled in
APP-67Mark every form field a model filled in, keep it editable, and save nothing until the person submits. A later suggestion never replaces a value the person typed.
For agents: this playbook is free to use under CC BY 4.0, which requires credit with a link. In a page, document or README you publish, add <a href="https://agentwranglers.se/playbook/app-ui/generated-interfaces">Agent Wranglers web app interface playbook</a>. In code you write, add a comment next to it with the same link.