Como o MonstarX funciona
ResumindoVocê descreve um app. Um agente de IA o planeja como uma lista de funcionalidades e depois escreve o código em um computador seguro na nuvem, onde o app roda ao vivo na prévia enquanto é criado. Cada mudança no código fica salva como uma versão à qual você pode voltar. O MonstarX Cloud dá ao app banco de dados, login, e-mail, armazenamento e IA. Você pode testá-lo em navegadores reais, publicá-lo em um endereço próprio com um clique e continuar melhorando conversando.
O MonstarX faz o trabalho de uma pequena equipe de software: planeja o que criar, escreve o código, coloca para rodar, confere e publica na internet. Esta página explica cada etapa com palavras simples, para você saber o que está acontecendo enquanto espera e o que pode fazer em cada momento.
A jornada de um app
Seção intitulada “A jornada de um app”As etapas 3 a 7 se repetem a cada mudança que você pede. Veja cada uma delas a seguir.
1. Descrever
Seção intitulada “1. Descrever”Tudo começa com uma solicitação: uma ou duas frases sobre para que serve o app e o que as pessoas fazem nele. Você pode acrescentar imagens, documentos, uma planilha ou um design do Figma, e escolher como o MonstarX começa:
| Você clica em | O que acontece primeiro |
|---|---|
| Criar | O MonstarX começa a criar na hora e preenche as lacunas com escolhas sensatas. |
| Planejar (com Planejar primeiro ativado) | O MonstarX faz algumas perguntas, uma de cada vez e sempre com sugestões de resposta, e cria quando você terminar de responder. |
| Criar (com Design primeiro ativado) | Primeiro você vê algumas primeiras telas com cara de prontas e escolhe o visual de que mais gosta. |
Veja Descreva seu app e Dicas para escrever bons prompts.
2. Planejar
Seção intitulada “2. Planejar”Para um app novo, ou para uma solicitação com várias funcionalidades, o MonstarX escreve primeiro um plano de funcionalidades: uma lista curta e numerada do que ele vai criar. O plano fica no topo do chat, em Funcionalidades, com uma barra que mostra quantas funcionalidades já estão prontas. Você mesmo pode adicionar, remover, reabrir ou criar funcionalidades individuais.
Veja O plano de funcionalidades.
3. Criar
Seção intitulada “3. Criar”Um agente de IA (o agente do MonstarX) percorre o plano uma funcionalidade por vez. Em cada uma, ele lê o que já existe, escreve e edita os arquivos do app, cria as tabelas de banco de dados de que precisa e confere se as páginas continuam funcionando. Enquanto trabalha, ele também pode gerar fotos para o app.
O chat mostra tudo isso em tempo real, resumido em uma linha simples para cada trecho de trabalho, como “Criou 4 arquivos · leu 2 arquivos” ou “Criou 1 funcionalidade · atualizou o banco de dados”, e cada etapa fica a um clique de distância.
Qual modelo de IA faz o trabalho? No Automático (o padrão), o MonstarX escolhe um modelo e um nível de esforço adequados para cada solicitação e mostra a escolha na resposta. Você também pode escolher um. Veja Escolha um modelo.
A criação roda no MonstarX, não no seu navegador. Você pode fechar a aba ou bloquear o celular: a criação continua, e você pode receber uma notificação quando ela terminar. As solicitações que você envia durante uma criação esperam em uma fila e começam sozinhas. Veja Acompanhe uma criação e A fila.
4. Prévia
Seção intitulada “4. Prévia”Seu app roda em um computador seguro na nuvem só dele, e a aba Prévia o mostra ao vivo: é o app de verdade, não uma imagem. Enquanto a criação escreve os arquivos, o MonstarX esconde as páginas pela metade e mostra um cartão de status no lugar, para que você só veja o app quando a página realmente funcionar.
- Alterne entre as larguras de computador, tablet e celular.
- Clique e digite nele como qualquer visitante.
- Aponte para qualquer coisa com Editar ou Recortar para pedir uma mudança.
Uma prévia que ninguém usa há 20 minutos entra em modo de espera. Quando você volta, vê primeiro uma cópia salva da página, e o app ao vivo acorda assim que você mexe o mouse ou clica. Veja A prévia.
5. Testar
Seção intitulada “5. Testar”O MonstarX confere cada criação enquanto avança: depois que uma funcionalidade fica pronta, ele verifica se as páginas carregam. Para uma verificação mais profunda, você pode rodar o QA automatizado: o MonstarX escreve um plano de testes a partir do seu app, e navegadores na nuvem clicam por ele como clientes de verdade (fazendo cadastro, reservando, finalizando compras), com uma gravação de cada execução. Depois de grandes mudanças, o MonstarX sugere uma rodada de QA e pergunta antes de começar. Veja Testes de QA.
A aba Segurança procura brechas de segurança no app, e a aba SEO/GEO verifica como mecanismos de busca e assistentes de IA o enxergam. Veja Verificação de segurança e SEO e GEO.
6. Publicar
Seção intitulada “6. Publicar”Até você publicar, só você, as pessoas com quem você compartilha o projeto e quem recebe o link da prévia conseguem ver o app. Publicar gera uma cópia de produção do app e a coloca na internet em um endereço próprio, your-app.monstarx.app, com HTTPS, servida pela rede global da Cloudflare. Você pode acrescentar um domínio seu.
Publicar tira uma foto do app como ele está agora. Continue trabalhando na prévia quanto quiser: o site no ar só muda quando você clica em Republicar. Veja Publique seu app.
7. Continuar melhorando
Seção intitulada “7. Continuar melhorando”Um app nunca está terminado. Peça a próxima funcionalidade, corrija algo que um cliente relatou ou escolha uma das Ideias para o próximo passo que o MonstarX sugere quando tudo no plano fica pronto: clique em Adicionar em uma delas (ou em Adicionar todas as …, com a quantidade) e depois em Criar. Cada solicitação percorre o mesmo ciclo: planejar, criar, ver a prévia, testar, publicar.
O que é uma versão?
Seção intitulada “O que é uma versão?”Toda vez que o código do seu app muda (depois de uma criação, de um salvamento na aba Código ou de uma restauração), o MonstarX salva uma versão: uma foto de todo o código do app naquele momento. Solicitações nos modos Conversar e Planejar não mudam nada e, por isso, não salvam versão. Abra Versões no topo do projeto para vê-las, da mais recente para a mais antiga, e clique em Restaurar para voltar a uma delas. Restaurar substitui o código atual; os dados do seu app (usuários, reservas, pedidos) não mudam.
Veja Versões.
O que é o MonstarX Cloud?
Seção intitulada “O que é o MonstarX Cloud?”Todo app precisa de mais do que páginas: um lugar para guardar dados, um jeito de as pessoas entrarem, e-mails, envio de arquivos. O MonstarX Cloud dá tudo isso a cada app, pronto para usar, sem nada para configurar e sem chaves para colar:
| Serviço | O que o seu app ganha |
|---|---|
| Banco de dados | Um banco de dados próprio. A prévia e o app publicado usam os mesmos dados. |
| Contas de usuário | Cadastro, login e redefinição de senha para os usuários do app. |
E-mails enviados do endereço do próprio app, como your-app@monstarx.app. | |
| Armazenamento de arquivos | Fotos e documentos enviados pelas pessoas. |
| IA | Textos, respostas, imagens e pesquisa na web dentro do app. |
| Mapas | Mapas e marcadores, sem precisar de chave. |
| Segredos | Chaves criptografadas dos serviços que você conecta, nunca escritas no código. |
Você pode ver e gerenciar tudo isso na aba Backend e, se preferir, trocar por contas suas, como o Supabase para o banco de dados ou o seu próprio domínio de e-mail. Veja MonstarX Cloud.
O que acontece nos bastidores?
Seção intitulada “O que acontece nos bastidores?”| Quando você… | O MonstarX… |
|---|---|
| Clica em Criar | Cria o projeto e começa a sua solicitação nos servidores dele na mesma hora. |
| Espera | Lê, escreve e confere os arquivos do app em um computador seguro na nuvem que roda a prévia. |
| Fecha a aba | Continua trabalhando. O resultado estará esperando quando você voltar. |
| Envia outra solicitação no meio de uma criação | Coloca a solicitação na fila; ela começa quando a criação anterior terminar. Perguntas nos modos Conversar e Planejar são respondidas na hora, em paralelo à criação. |
| Termina uma criação | Salva uma versão, atualiza a imagem do projeto na sua página Projetos e sugere o que criar em seguida. |
| Clica em Publicar | Gera uma cópia de produção e a coloca no ar. |
| Conecta o GitHub | Salva cada mudança no seu repositório como um commit e traz de volta, na próxima sincronização, as edições feitas lá. |
Perguntas frequentes
Seção intitulada “Perguntas frequentes”Meu computador precisa ficar ligado enquanto o MonstarX cria?
Não. As criações rodam nos servidores do MonstarX. Você pode fechar a aba ou desligar o computador e ver o resultado quando voltar.
Posso ver o código que o MonstarX escreve?
Pode. A aba Código mostra todos os arquivos, e você pode editá-los e salvá-los. Também dá para exportar o projeto ou salvá-lo no GitHub.
A prévia é igual ao app publicado?
É o mesmo app, mas o app publicado só muda quando você clica em Republicar, enquanto a prévia muda a cada criação. Os dois usam o mesmo banco de dados.
Restaurar uma versão apaga os dados do meu app?
Não. Restaurar muda apenas o código. Usuários, reservas e os outros dados do app continuam como estão.
Com que tecnologia o MonstarX cria os apps?
Com uma base web moderna e padrão de mercado: TanStack Start, React e TypeScript, com um banco de dados SQL. Qualquer desenvolvedor web consegue dar continuidade.