Pular para o conteúdo
Caso de uso

Crie e publique um site com um agente de IA

Um agente Monmo pode criar um site ou uma landing page a partir de um briefing. Ele escreve o texto, cria a página com o MonstarX, a ferramenta de criação de apps incluída na mesma assinatura, confere a prévia em tamanhos de tela de celular, tablet e computador e corrige o que encontrar. Você analisa a prévia e pede alterações em linguagem simples. A publicação é uma etapa separada, que depende da sua aprovação.

Atualizado em 2026-11-13 · Comece grátis. Planos pagos a partir de $15 por mês.

Caso de uso

Como o agente faz

  1. 01

    Ele lê o briefing e seus materiais

    Diga para que serve a página, para quem ela é e qual é a principal ação que os visitantes devem realizar. O agente lê os textos e as fotos que você guarda no Google Drive e as cores, fontes e o layout no seu arquivo do Figma.

  2. 02

    Ele planeja a página e escreve os textos

    Antes de criar a página, ele envia um plano curto: a ordem das seções, duas opções de título, os campos do formulário e o que acontece depois que alguém se cadastra. Para mudar o plano, basta uma frase; mudar uma página já criada dá mais trabalho.

  3. 03

    Ele cria a página no MonstarX

    Com sua aprovação, ele inicia um projeto no MonstarX, a ferramenta de criação de apps incluída na mesma assinatura, e acompanha a criação até o link da prévia ficar pronto. O projeto fica na sua conta do MonstarX.

  4. 04

    Ele confere a prévia em três tamanhos

    O agente abre a prévia no próprio navegador, em tamanhos de tela de celular, tablet e computador. Ele clica em todos os links, envia o formulário com um endereço de teste, revisa o texto e procura elementos cortados ou sobrepostos.

  5. 05

    Ele corrige o que encontrar

    Um exemplo comum: numa tela de celular de 360 pixels, o botão de cadastro cobre o campo de e-mail. O agente propõe a correção, envia ao projeto quando você autoriza, confere novamente os três tamanhos e mostra o antes e o depois.

  6. 06

    Você analisa e pede alterações

    Abra a prévia no seu celular. Peça alterações como pediria a um colega: mudar o título, subir o formulário, usar a segunda foto. Cada alteração é enviada ao projeto e conferida novamente.

  7. 07

    Ele pede autorização antes de publicar

    Um cartão mostra o endereço em que a página ficará pública. Se você autorizar, a página será publicada; se recusar, nada muda. Depois, o agente abre a página publicada para confirmar que ela carrega e que o formulário funciona.

O que você recebe

  • Uma página em um endereço público, publicada somente após sua aprovação
  • Um link de prévia para abrir no seu celular antes da publicação
  • Um relatório com o que foi testado em tamanhos de celular, tablet e computador e o que foi corrigido
  • O projeto na sua conta do MonstarX, onde você ou o agente podem continuar trabalhando nele

Quando consulta você

Planejar, escrever e conferir não exigem aprovação, mas o agente pede autorização antes de iniciar ou alterar um projeto no MonstarX. A publicação sempre tem um cartão próprio, que mostra o endereço que ficará público. Até você autorizar, a página não é publicada.

Como pedir

  • Crie uma página de lançamento para Ridge com um formulário de lista de espera. Os textos e as fotos estão na pasta Ridge launch no Drive, e o design está no Figma. Confira no tamanho de tela de celular e me mostre a prévia antes de publicar.
  • Mude o título para Quente até o topo, coloque o formulário acima das fotos e confira o layout de celular novamente.
  • Nossa página de preços está no repositório fieldwork-site do GitHub. Adicione o novo plano Team, execute o site no seu computador para conferir e me peça autorização antes de enviar as alterações.

Veja em ação

Uma demonstração acelerada com dados de exemplo. Pause, avance ou volte no vídeo, ou assuma o controle do mouse.

Na telaMonstarX

Escolha uma tarefa. Veja como ela é feita.

NikoEngenharia
Demonstração gravada
Hoje 16:48
Crie uma página de lançamento para a Ridge com um formulário de lista de espera. Siga o visual da apresentação. Coloque no ar quando passar nos testes.
Pode deixar. Vou criar a página com o formulário de lista de espera, testar no celular e no computador e mostrar uma prévia para você.
Projeto ridge-launch configurado no computador do agente · 14 arquivos
A prévia está pronta. Testei em três tamanhos de tela e encontrei um problema: em celulares pequenos, o botão cobria o campo de e-mail. Já corrigi, e a página passou nas 12 verificações.
Mude o título para “Quente até o cume.” e coloque no ar.
Você autorizou o envio para a MonstarX
Publicar ridge.fieldwork.example?
MonstarX
Por quê
Colocar a página de lançamento no ar.
Onde
MonstarX · projeto ridge-launch
O que esperar
A página ficará pública neste endereço. Você pode tirá-la do ar a qualquer momento.
Autorizado desta vez · Publicado
Está no ar. As inscrições na lista de espera ficam salvas no site, e aviso você quando chegarem as primeiras.
Site no ar · 12 de 12 verificações
Computador de NikoAtivo

Sua equipe. Conectada a tudo.

Ridge · Quente até o cume+
‹›↻ridge.fieldwork.example⋮
RIDGEHistória Especificações Lista de espera
LANÇAMENTO EM 3 DE MARÇO · JAPÃO

Quente até o topo.

Uma garrafa de 500 ml feita para a longa subida.

Você está na listaharuka@yamato-outdoor.exampleEntrar na lista de espera
12 hquente
500 mlcapacidade
¥4,800no lançamento
No arFormulário da lista de espera no ar
AppsWed 24 Feb 16:48
Niko
Observando· Site no ar · 12 de 12 verificações
09 / 09

Replays de exemplo com dados fictícios, em velocidade acelerada. Pause, avance ou volte na gravação, ou assuma o controle do mouse.

Perguntas frequentes

Perguntas frequentes

Um agente de IA pode criar um site?

Sim. Um agente Monmo recebe um briefing, escreve os textos, cria a página com o MonstarX, testa a prévia em tamanhos de celular, tablet e computador e corrige os problemas que encontrar. Você analisa a prévia, pede alterações em linguagem simples e aprova a publicação. Para um site maior, peça uma página ou seção de cada vez, para poder revisar cada uma.

O que é o MonstarX? Preciso pagar a mais?

O MonstarX é a ferramenta de criação de apps que acompanha o Monmo. Uma única assinatura cobre os dois. Cada produto tem seu próprio limite de uso, e a criação de um projeto conta para o limite do MonstarX. Você autoriza a conexão uma vez, e os projetos criados pelo agente ficam na sua conta do MonstarX, onde você pode abri-los e continuar trabalhando neles por chat.

Ele consegue seguir a identidade visual da minha marca?

Sim, se você mostrar o design. O agente lê cores, fontes, espaçamento e layout do seu arquivo no Figma, pela conexão com o Figma ou no próprio navegador, e busca logos e fotos no Google Drive. Depois de criar a página, ele a compara com o quadro de design e lista as diferenças que não conseguiu resolver, para você decidir.

Ele testa o site em um celular de verdade?

Ele testa no tamanho de tela de celular, não em um aparelho físico. O agente ajusta a largura do próprio navegador para medidas como 360 e 390 pixels, procura textos cortados ou botões sobrepostos e testa o formulário e todos os links. Antes de aprovar a publicação, abra também a prévia no seu aparelho para uma última conferência.

Ele pode trabalhar em um site que já existe?

Sim, quando o código está em um local acessível ao agente. Se o site estiver em um repositório do GitHub, ele pode copiá-lo para o próprio computador, fazer a alteração em uma branch, executar o site para conferir e preparar um pull request. Ele pede autorização antes de enviar o código, e o merge e o deploy continuam seguindo seu processo habitual.

Sua próxima contrataçãopoderia começar hoje.

Crie seu primeiro agente em um minuto. É grátis para começar.