Editar o mockup
Selecionar elementos
Selecionar um item da tela dá contexto ao Claude: ele sabe exatamente de qual botão, campo ou bloco você está falando.
Como selecionar
- Clique em Selecionar (barra acima da página) ou tecle
E. - Passe o mouse: o item sob o cursor fica destacado em azul, com a tag e o tamanho.
- Clique: o item fica marcado em laranja e aparece no painel Elemento e no chat (◎).
- Para voltar a usar a página normalmente: Visualizar ou tecle
V. Ao sair do modo Selecionar, a seleção é desfeita (também depois de criar uma ação).Esclimpa a seleção.
Botões desativados (ex.: um Entrar que no sistema só libera depois de digitar usuário e senha) também podem ser selecionados: o destaque mostra "· desativado". Se você criar uma ação nele, no mock ele fica clicável para a ação funcionar.
Ações rápidas (painel Elemento)
| Botão | O que faz |
|---|---|
| Trocar texto | Preenche o chat para você digitar o novo texto |
| Remover | Pede para remover o item |
| Botão ao lado | Adiciona um botão no mesmo estilo |
| Abrir modal | Ao clicar no item, abre um modal (você descreve o conteúdo) |
| Ir para página… | Lista as páginas numeradas; ao escolher, cria a navegação na hora |
| Tornar funcional | Faz o item funcionar como no sistema real |
Os botões que preenchem o chat deixam o cursor no trecho "…" para você completar. Depois é só Enter.