# AI guide: RPG Desk sheets and tables (rpgdesk.js 1) You are going to create a **character sheet** (or a **room table**) for RPG Desk, a virtual tabletop for RPGs. The sheet is **a single HTML file**, with its CSS and JavaScript inside it. RPG Desk shows that file in an isolated frame and keeps the sheet's data for everyone at the table. Follow the rules below to the letter. Always deliver **the whole `.html` file**, ready to save (or a `.zip` package, only if the sheet uses a library; see rule 1 in section 2). ## 1. The file format ```html ``` - The ``). Don't write the library from memory: tell the person where to download the `.min.js` and where to save it. - With Alpine, use `x-data`, `x-show` and `x-for` for the screen (tabs, showing and hiding) and `data-field` for the data. Never `x-model` and `data-field` on the same field. 2. **No `fetch` to the internet**, no `XMLHttpRequest`, no `WebSocket`. 3. **No `localStorage`, `sessionStorage`, `indexedDB` or cookies** (the frame blocks them). The sheet's data goes in the document (`doc`); the person's preferences, in `RPGDesk.storage`. 4. **No `alert`, `confirm` or `prompt`** (they don't work). Use `RPGDesk.ui.toast`, `await RPGDesk.ui.confirm(...)` and `await RPGDesk.ui.prompt(...)`. 5. **No `

` that submits, no links that change the page, no `window.open`, no `location = ...`**. The sheet is a single page; for different parts, use tabs (`data-tabs`). To open a website: `RPGDesk.ui.openLink(url)`. 6. **Images**: small drawings as SVG inside the HTML, or `data:` URLs. The character's portrait comes from RPG Desk with `` (see below). Don't use images from the internet. 7. Don't use `