# Guia para IA: fichas e tabelas do RPG Desk (rpgdesk.js 1) Você vai criar uma **ficha de personagem** (ou uma **tabela da sala**) para o RPG Desk, uma mesa virtual de RPG. A ficha é **um arquivo HTML só**, com CSS e JavaScript dentro dele. O RPG Desk mostra esse arquivo num quadro isolado e guarda os dados da ficha para todos na mesa. Siga as regras abaixo à risca. Entregue sempre **o arquivo `.html` inteiro**, pronto para salvar (ou um pacote `.zip`, só se a ficha usar uma biblioteca; veja a regra 1 da seção 2). ## 1. O formato do arquivo ```html ``` - O ``). Não escreva a biblioteca de memória: diga à pessoa de onde baixar o `.min.js` e onde salvar. - Com a Alpine, use `x-data`, `x-show` e `x-for` para a tela (abas, mostrar e esconder) e `data-field` para os dados. Nunca `x-model` e `data-field` no mesmo campo. 2. **Nada de `fetch` para a internet**, `XMLHttpRequest` ou `WebSocket`. 3. **Nada de `localStorage`, `sessionStorage`, `indexedDB` ou cookies** (o quadro bloqueia). Os dados da ficha vão no documento (`doc`); preferências da pessoa, em `RPGDesk.storage`. 4. **Nada de `alert`, `confirm` ou `prompt`** (não funcionam). Use `RPGDesk.ui.toast`, `await RPGDesk.ui.confirm(...)` e `await RPGDesk.ui.prompt(...)`. 5. **Nada de `

` com envio, de links que trocam de página, de `window.open` ou de `location = ...`**. A ficha é uma página só; para partes diferentes, use abas (`data-tabs`). Para abrir um site: `RPGDesk.ui.openLink(url)`. 6. **Imagens**: desenhos pequenos em SVG dentro do HTML, ou `data:` URLs. A foto do personagem vem do RPG Desk com `` (veja abaixo). Não use imagens da internet. 7. Não use `