Conversar com o Claude

O chat flutuante é onde você pede as alterações. O Claude edita os arquivos do mockup e a página recarrega sozinha com o resultado.

Usando o chat

• Abrir/fechar: botão laranja no canto ou Ctrl+K. O chat sempre começa fechado quando o app abre.
• Mover: arraste pelo título. Redimensionar: canto inferior direito. Encaixar (ícone ▣) volta ao canto.
• Enter envia, Shift+Enter quebra linha.
• Enquanto o Claude trabalha, o Enter não envia nem interrompe: seu texto fica guardado. Para interromper, clique no botão ■.
• Nova conversa (ícone de balão +) começa do zero (o Claude esquece o histórico daquele projeto).

Com o chat fechado

Pode fechar o chat enquanto o Claude trabalha. Você continua sabendo o que está acontecendo:

• no rodapé aparece "Claude trabalhando… 1:15 · editando index.html" (o tempo e o que ele está fazendo agora). Clique para abrir o chat;
• o botão do chat (canto inferior direito) fica com um anel pulsando;
• quando ele termina, aparece um aviso e o botão ganha uma bolinha verde (resposta nova) até você abrir o chat.

O que o Claude recebe junto com o seu pedido

• A página aberta e a lista de páginas numeradas — você pode dizer "vá para a página 3".
• O elemento selecionado, se houver (veja Selecionar elementos).

Exemplos de pedidos

• Troque o título "Clientes" por "Carteira de clientes".
• Remova a coluna Cidade da tabela.
• Adicione um botão "Exportar" ao lado de "Novo cliente".
• Ao clicar em Entrar, ir para a página 2. — veja Ações e navegação
• Crie um modal com os campos Nome e CPF quando clicar em Novo. — veja Criar modais

Quando o Claude pergunta

Se faltar informação (ex.: "crie uma ação neste botão" sem dizer qual), o Claude não altera nada e pergunta, oferecendo opções (como a lista numerada de páginas). Responda no chat e ele continua.

Tudo fica registrado

Cada alteração entra no painel Alterações e no documento para o dev.