Pular para o conteúdo

Acompanhe uma criação

ResumindoEnquanto o MonstarX trabalha, o chat mostra as mensagens dele em tempo real e resume os passos em uma linha em linguagem simples para cada trecho de trabalho, com uma linha ao vivo de “Raciocinando…” dizendo o que ele está decidindo. Até haver algo para ver, a prévia mostra um cartão de status com um relógio e o passo atual. Cada resposta termina com o uso de tokens, as solicitações anteriores se recolhem em conversas numeradas e pesquisáveis, e um cartão de conclusão aparece quando o plano inteiro está criado.

Você não precisa ler código para acompanhar uma criação. O chat conta em palavras simples o que o MonstarX está fazendo e o que ele mudou, e deixa os detalhes técnicos a um clique, para quando você quiser. Veja aqui tudo o que aparece, do primeiro segundo ao resumo final.

Abaixo da sua solicitação, a resposta do MonstarX vai aparecendo enquanto é escrita. Ela tem quatro tipos de conteúdo:

  1. Uma linha curta sobre o que ele está fazendo — “Agora os estilos, as funções do servidor, o layout compartilhado e as páginas.”
  2. Linhas de atividade — cada trecho de trabalho (escrever arquivos, atualizar o banco de dados, verificar o app) resumido em uma linha.
  3. Cartões — o plano de funcionalidades, as fotos sendo geradas, as verificações da criação, perguntas, pedidos para conectar um serviço. Os cartões nunca são recolhidos. Enquanto um cartão longo ainda está trabalhando — QA, fotos, a conclusão, uma migração de dados —, o que ele está fazendo no momento fica fixado na parte de baixo do chat, com um indicador girando, para você acompanhar sem precisar rolar para cima.
  4. O resumo final — o que o seu app faz agora, o que vale testar e o que poderia vir depois.

Acima da resposta, uma pequena etiqueta mostra o modelo e o esforço que responderam, como Automático · Claude Sonnet 5 · Médio. Veja Escolha um modelo.

Enquanto um trecho de trabalho está rodando, a linha dele fica ao vivo: uma faísca pulsando, um verbo simples, o tempo que já levou e os arquivos alterados até agora — por exemplo, Escrevendo código… (0:42 · 7 arquivos). Outros verbos que você vai ver são Lendo o código, Configurando o banco de dados, Verificando o app, Visualizando a página, Planejando as funcionalidades e Gerando fotos para o app.

Quando o trecho termina, a linha vira um resumo, como Criou 4 funcionalidades · criou 9 e atualizou 3 arquivos · atualizou o banco de dados · verificou o app. Clique nela para ver cada passo com o nome do arquivo e qualquer relatório de verificação ou erro.

Alguns modelos pensam um pouco antes de escrever qualquer coisa. Durante esse tempo, o chat mostra Raciocinando… com o tempo e quanto ele já pensou — e, logo abaixo, uma linha curta em palavras simples sobre o que ele está resolvendo, como Desenhando as páginas do estúdio de ioga e a grade de aulas. A linha muda conforme o raciocínio avança e é escrita no idioma em que você usa o MonstarX.

O que são as Verificações automáticas de criação?

Seção intitulada “O que são as Verificações automáticas de criação?”

Depois de uma criação, o MonstarX confere se todas as páginas do app ainda compilam e renderizam antes de dar o trabalho por concluído. O cartão Verificações automáticas de criação mostra isso: Em execução e depois Aprovado (com Prévia disponível) ou Requer atenção. Clique em Tempo de criação para ver quanto tempo cada parte levou.

Essas verificações protegem a prévia. Testar jornadas completas em um navegador real — criar conta, fazer um agendamento, pagar — é papel do QA automatizado, que roda separadamente.

O MonstarX escreve as respostas para quem não programa. As anotações de engenharia — nomes de arquivos, o que mudou no código e por quê — ficam recolhidas em Detalhes técnicos no fim de uma resposta que alterou código. As anotações que ele fez para si mesmo, em linguagem de código, no meio de uma criação ficam recolhidas em uma linha mais apagada, que você pode clicar para ler.

Toda resposta concluída termina com uma linha pequena como 120k de entrada · 958 de saída: os tokens que o modelo leu e escreveu para ela. Passe o mouse por cima para ver o modelo, o esforço e quantos passos foram necessários. Seu uso total fica no anel ao lado da caixa de texto — veja Uso e limites.

Até haver algo que valha a pena ver, a prévia mostra um cartão de status em vez de uma página em branco ou pela metade. Ele diz o que está acontecendo, com um relógio:

O cartão dizO que está acontecendo
Iniciando a prévia…A prévia do seu app está sendo iniciada. A primeira inicialização pode levar um minuto.
Criando seu app…O MonstarX está criando, com o passo atual: Escrevendo código… · 3 arquivos
Planejando seu app…O MonstarX está escrevendo o plano de funcionalidades ou as perguntas dele.
Aguardando suas respostasHá perguntas do modo Planejar abertas no chat.
Respondendo no chat…Uma resposta do Conversar está sendo escrita e ainda não há nada criado.
Abrindo seu app…A primeira página de verdade está pronta e carregando.
Nada para visualizar aindaNada foi criado. Descreva seu app no chat.

Abaixo do cartão, Logs da prévia mostra o que o servidor do app está registrando — útil se algo estiver demorando mais que o normal.

Por que a prévia não mostra uma página pela metade?

Seção intitulada “Por que a prévia não mostra uma página pela metade?”

Uma criação escreve o app arquivo por arquivo, então entre um arquivo e outro a página costuma ficar quebrada por um instante. Enquanto a criação roda, o MonstarX mantém o cartão na tela até a página renderizar de verdade e diz o que está esperando — por exemplo, O app não está compilando no momento — a prévia assume assim que compilar. Clique em O que a página mostra agora para ler o erro da própria página, ou em Mostrar a página mesmo assim para vê-la de qualquer jeito.

Se uma página quebrar depois de uma criação, a prévia a recarrega sozinha, sem alarde (Recuperando a página…). Se isso não resolver, o cartão diz A página não está renderizando e continua verificando, então uma correção que você pedir no chat assume sozinha.

Um joguinho embaixo do cartão de status, para a espera ficar menos chata. Ele joga sozinho no modo demonstração até você assumir: aperte Espaço (ou clique ou toque no jogo) para pular os obstáculos. Sua melhor pontuação fica guardada neste navegador. A prévia substitui o jogo assim que o app fica pronto.

O Monstar Run embaixo do cartão de status: ele joga sozinho até você apertar Espaço.

Cada solicitação e a resposta dela formam uma conversa. Só a conversa mais recente fica aberta; enviar uma nova solicitação recolhe a anterior em duas linhas:

  • Um número, com a cor do tipo — cinza para Criar, azul para Conversar, violeta para Planejar e âmbar para uma correção do QA.
  • A solicitação como você escreveu e o horário.
  • Como foi — 6 funcionalidades criadas · 11 arquivos alterados, Interrompido, Falhou, Fez 4 perguntas — e a primeira frase da resposta.

Clique em uma conversa para abri-la ali mesmo. A partir de três conversas, uma caixa de busca aparece no topo do chat: cada palavra digitada precisa estar na solicitação, na resposta, nos nomes de arquivos, nas funcionalidades ou nas respostas às perguntas. Os resultados ficam destacados; clique em um (ou aperte Enter para o mais recente) para ir direto até ele. Quando o chat se estende por vários dias, aparecem divisores de dia (Hoje, Ontem, um dia da semana), e um botão Mais recente leva você de volta ao fim.

Quando todas as funcionalidades do plano estão criadas, o MonstarX publica um cartão de conclusão:

  • Tudo foi criado e testado — o QA rodou nesta versão e foi aprovado.
  • Tudo no plano foi criado — o QA ainda não testou esta versão (O QA ainda não testou esta versão em um navegador real.), com um botão Executar QA quando o QA está disponível.
  • Tudo no plano foi criado — 1 problema ainda em aberto — o QA terminou com um problema pendente. Tentar mais uma correção faz mais uma tentativa.

Em Ideias para o próximo passo aparecem de três a cinco funcionalidades que combinam com o seu app. Adicionar coloca uma delas no plano (Adicionar todas as 5 adiciona todas as ideias), e Criar ou Criar todas começa a criar o que você adicionou. As ideias são opcionais — você pode pedir qualquer outra coisa no chat.

Uma solicitação pode ter até 40 passos. Se eles acabarem antes de o trabalho terminar, a resposta avisa — O MonstarX parou após 40 passos, o máximo que uma solicitação pode ter, antes de concluir. Tudo até aqui está salvo — pressione Continuar para retomar de onde parou. — com um botão Continuar.

Quando o seu app tem login, o MonstarX cria um usuário de teste para você experimentar na hora. O cartão Conta de demonstração pronta mostra o e-mail e a senha dele, com botões para copiar. O mesmo usuário também aparece em Admin → Usuários e na lista de Backend → Usuários.

Posso fechar a aba durante uma criação?

Pode. A criação roda nos servidores do MonstarX e continua sem a aba. Ative o Me avisar para saber quando terminar. Veja Continue trabalhando enquanto ele cria.

Quanto tempo leva uma criação?

Uma alteração pequena leva um ou dois minutos; um app novo inteiro costuma levar vários minutos. O relógio no cartão de status e em cada linha de atividade mostra há quanto tempo ela está rodando.

Onde vejo exatamente quais arquivos mudaram?

Clique em qualquer linha de atividade para listar os passos com os nomes dos arquivos, abra Detalhes técnicos abaixo da resposta ou dê uma olhada na aba Código.

O que significam “de entrada” e “de saída” abaixo de uma resposta?

Os tokens que o modelo leu (de entrada) e escreveu (de saída) para aquela resposta — uma medida de quanto trabalho ela deu. Passe o mouse por cima para ver o modelo, o esforço e o número de passos.

O cartão de status está na tela há muito tempo. O que eu faço?

Abra Logs da prévia embaixo do cartão para ver o que o servidor do app está dizendo. Se a prévia parecer travada, clique em ⟲ (Reiniciar servidor de desenvolvimento) na barra da prévia. Veja A prévia.