Editar o mockup

Assistente de ações (passo a passo)

Vídeo · Ações e modais sem código · 1min13s

O jeito mais fácil de dizer o que acontece quando clicar em algo, sem escrever nada no chat.

Onde fica

Botão ⚡ Criar ação, na barra acima da página (ao lado de Visualizar/Selecionar).
Também no painel da direita: Criar ação (com ou sem um elemento selecionado).

Elemento — clique no botão, link ou item que vai disparar a ação (ex.: Entrar). Se você já tinha selecionado um elemento, o assistente mostra qual é: clique em Usar este ou Escolher outro. Botões desativados na captura (ex.: Entrar antes de digitar a senha) também podem ser escolhidos; no mock eles ficam clicáveis para a ação funcionar.
O que acontece — escolha uma opção:
- Ir para outra página
- Abrir um modal
- Abrir menu ou combo
- Mostrar ou esconder algo
- Mostrar uma mensagem
- Trocar de aba
- Outra coisa (você descreve e o Claude faz)
Se o elemento estiver dentro de um formulário, dá para escolher Ao enviar o formulário em vez de Ao clicar.
Destino — o assistente lista o que encontrou na página para você escolher:
- páginas do projeto (numeradas, com miniatura) ou Uma página nova…;
- modais que existem na tela (prontos ou do sistema) ou Criar um modal novo…;
- menus e combos (mostra se já funcionam, quantos itens têm, ou se estão sem itens);
- painéis, avisos e áreas escondidas;
- abas.
Passe o mouse sobre um item para ver onde ele fica na página. Se não achar, use Escolher na tela.
Confirmar — mostra a frase da ação (ex.: "Ao clicar em Entrar, ir para a página 2 · Dashboard"). Clique em Criar ação.

O próprio app, na hora: ir para uma página que já existe, abrir um modal pronto, mostrar/esconder, mensagens e abas que já funcionam. Teste em Visualizar clicando no elemento.
O Claude, pelo chat: quando precisa criar algo (página nova, modal novo) ou deixar funcionando um menu/aba que veio "morto" da captura. O botão vira Enviar ao Claude.

Se o menu escolhido não tem os itens na captura, o assistente avisa e oferece:

Capturar estado agora — abre o navegador de captura nessa página. Abra o menu no sistema real e clique em Capturar estado (veja Capturar estados). Depois crie a ação de novo.
Vou digitar os itens — escreva um item por linha.

Assim o Claude nunca inventa itens.

Aviso rápido: uma faixa que some sozinha (ex.: "Salvo com sucesso").
Janela de mensagem: uma janela com ícone (Sucesso, Informação, Atenção ou Erro), título, texto e botão OK.

Sem nada selecionado, o painel da direita mostra Ações criadas da página:

Toda ação criada entra no registro de Alterações e no documento do dev.