---
title: "Generated interfaces · Agent Wranglers"
url: https://agentwranglers.se/playbook/app-ui/generated-interfaces
parts: 2
tokens_total: 2081
updated: 2026-10-22
tokens: 470
licence: "CC BY 4.0"
licence_url: https://creativecommons.org/licenses/by/4.0/
---

# Generated interfaces

For AI agents: the [site map](https://agentwranglers.se/llms.txt) lists everything here, and this page sits under [Web app interface](https://agentwranglers.se/playbook/app-ui.md).

By [Agent Wranglers](https://agentwranglers.se/authors/agent-wranglers.md). Updated 2026-10-22.

> 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.

**For agents:** this playbook is free to use under [CC BY 4.0](https://creativecommons.org/licenses/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.

## Required

- APP-66 [Build generated screens only from your own components](https://agentwranglers.se/playbook/app-ui/generated-interfaces/generated-ui-components.md) · 1,119 tokens · updated 2026-10-22
  When 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

- APP-67 [Let people check and change what a model filled in](https://agentwranglers.se/playbook/app-ui/generated-interfaces/review-generated-input.md) · 962 tokens · updated 2026-10-22
  Mark 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.

- Previous: [Onboarding and first run](https://agentwranglers.se/playbook/app-ui/onboarding-and-first-run.md)
- Next: [Live collaboration](https://agentwranglers.se/playbook/app-ui/live-collaboration.md)
- [All chapters](https://agentwranglers.se/playbook/app-ui.md)
