Tour pelo espaço de trabalho

Todo projeto abre no espaço de trabalho: a página em que você cria, confere e publica um app. À primeira vista parece cheio de coisas, mas ele tem só três partes. Depois que você as conhece, encontra qualquer coisa.

monstarx.com

Parte	Onde fica	Para que serve
A barra superior	No topo, de ponta a ponta	Alternar entre as abas e acessar as ferramentas do projeto: Versões, QA, GitHub, Compartilhar, Publicar e Configurações.
O chat	À esquerda	Conversar com o MonstarX: enviar solicitações, acompanhar a criação, ver o plano de funcionalidades.
A área principal	À direita	A aba que estiver aberta: a Prévia ao vivo do seu app, o código, os dados e mais.

Arraste a linha fina entre o chat e a área principal para deixar o chat mais largo ou mais estreito.

O que tem na barra superior?

À esquerda: o projeto e as abas

• ☰ (Expandir barra lateral de projetos) abre a lista dos seus projetos ao lado, para você passar para outro.
• O nome do projeto: clique nele para renomear o projeto e pressione Enter. (Isso não muda o endereço do app publicado.)
• As abas mudam o que aparece na área principal. O chat continua à esquerda, seja qual for a aba aberta.

Aba	O que mostra	Saiba mais
Prévia	Seu app, rodando ao vivo. Clique e digite nele como um visitante.	A prévia
Admin	O painel de administração do seu app: quem se cadastrou e os dados do app em formulários simples que você pode editar. As mudanças valem na hora, sem precisar criar nada.	O painel Admin
Código	Todos os arquivos do app, em um editor. Você pode alterar e salvar arquivos manualmente.	Código
Backend	O MonstarX Cloud do seu app: as tabelas do banco de dados, usuários, arquivos, e-mails, uso de IA, segredos e os serviços e conectores que ele usa.	MonstarX Cloud
Logs	O que o servidor do app registrou enquanto rodava na prévia. Útil para rastrear um erro.	Logs
Segurança	Uma verificação de segurança do app, com uma nota e correções em um clique. Um pequeno indicador mostra os achados em aberto.	Verificação de segurança
SEO/GEO	Como mecanismos de busca e assistentes de IA enxergam o app: títulos, descrições, sitemap e um diagnóstico. Um indicador mostra o que há para fazer.	SEO e GEO
Social	Posts de lançamento, anúncios, artes e vídeos curtos sobre o seu app.	Social

A aba Admin do app de ioga: as reservas, as aulas e as pessoas que se cadastraram.

Nota

A aba Admin aparece nos apps criados pelo MonstarX, e apenas para o proprietário do projeto. Apps importados mantêm o próprio backend e não têm essa aba.

À direita: as ferramentas do projeto

Quando a janela não tem espaço para os nomes, Versões, QA, GitHub, Compartilhar e Configurações aparecem só como ícones, nesta mesma ordem.

Botão	O que faz	Saiba mais
Versões	Todas as versões salvas do app, da mais recente para a mais antiga. O número indica quantas existem. Clique em Restaurar em uma delas para voltar a ela.	Versões
QA	Roda agora testes automatizados em navegadores reais na nuvem e permite escolher quando o MonstarX deve sugeri-los e o que acontece quando um teste falha.	Testes de QA
GitHub	Salva o projeto em um repositório do GitHub; cada mudança vira um commit.	GitHub
Compartilhar	Convida pessoas por e-mail para ver e comentar ou para editar com você.	Compartilhar e comentar
Publicar	Coloca o app no ar, atualiza o site e permite comprar ou conectar um domínio.	Publique seu app
Configurações	As configurações do projeto: nome e descrição, modelo, endereço e domínios, pessoas, exportação, transferência e exclusão.	Configurações do projeto
A bússola	Fazer um tour: mostra de novo o tour guiado pelo espaço de trabalho.	O tour guiado, mais abaixo
O globo	Muda o idioma do MonstarX entre os 16 idiomas — English, 日本語, Português (Brasil), 简体中文, 한국어, العربية e outros.	Idioma

monstarx.com

Configurações abre as configurações do projeto: Geral, Domínios, Pessoas, Exportar, Transferir e Zona de perigo.

Dica

Em uma janela mais estreita, os rótulos da barra superior viram ícones para economizar espaço. Passe o mouse sobre um ícone para ver o nome dele.

Enquanto uma criação está rodando, os botões que mudariam o projeto por baixo dela, como Versões → Restaurar e Publicar, esperam até ela terminar.

O que tem no chat?

O chat é a sua conversa com o MonstarX. De cima para baixo:

• Funcionalidades: o plano de funcionalidades, fixado no topo. A barra mostra quantas funcionalidades já estão prontas e quantas o QA já verificou. Clique nela para abrir a lista. Veja O plano de funcionalidades.
• Suas solicitações e as respostas do MonstarX. Cada solicitação vira uma conversa numerada. As conversas anteriores ficam recolhidas (clique em uma para abri-la de novo), e você pode pesquisar em todas elas.
• Linhas de atividade, como “Criou 4 arquivos · leu 2 arquivos”. Clique em uma para ver cada etapa por trás dela. Veja Acompanhe uma criação.
• Cartões que pedem ou oferecem algo: um cartão Conta de demonstração pronta com um login para o seu app, Novidade no Admin quando a criação acrescentou dados, um pedido para conectar um serviço, um plano de QA para rodar e Tudo no plano foi criado com Ideias para o próximo passo.

O que tem na caixa de texto?

É na parte de baixo do chat que você digita.

Controle	O que faz
Criar · Planejar · Conversar	O modo da sua próxima solicitação. Criar altera o app. Planejar faz algumas perguntas primeiro e depois cria. Conversar discute o assunto com você e nunca muda nada. A dica ao lado diz o que o modo escolhido faz. Veja Modos.
O campo de texto	Digite a sua solicitação. Enter envia e Shift Enter começa uma nova linha. Você também pode colar ou arrastar imagens e arquivos aqui.
O clipe	Anexe capturas de tela, documentos ou planilhas, até 10 arquivos por mensagem. Veja Anexe arquivos.
O seletor de modelo	Mostra Automático ou o modelo que você escolheu. Veja abaixo.
Esforço	Aparece ao lado do modelo quando ele permite escolher quanto tempo vai pensar: um esforço maior pensa por mais tempo e usa mais créditos.
O anel de uso	Quanto do uso do seu plano você já gastou, em porcentagem. Veja abaixo.
Enviar	Envia a solicitação. Vira Planejar no modo Planejar, Perguntar no modo Conversar e Enfileirar quando já há uma criação rodando.
Parar	Aparece enquanto o MonstarX trabalha. Interrompe o que o MonstarX está fazendo agora; o que estiver esperando na fila aguarda até você retomar.

Como eu escolho o modelo de IA?

Clique no botão do modelo (no começo, ele mostra Automático). O Automático escolhe um modelo e um nível de esforço adequados para cada solicitação e mostra em cada resposta qual foi a escolha. Para escolher você mesmo, selecione um modelo no grupo dele: Rápido (respostas mais rápidas), Menor custo (menos créditos por solicitação), Padrão (mais créditos por solicitação) ou Premium (o máximo de créditos por solicitação). Um modelo marcado como Sem imagens não enxerga as imagens que você anexa. Veja Escolha um modelo.

O que o anel de uso mostra?

O pequeno anel com a porcentagem ao lado de Enviar mostra o limite do plano que está mais perto de acabar. Clique nele para ver cada limite (o Limite de 5 horas, o Semanal · todos os modelos e o Semanal · modelos premium), quando cada um é renovado, os seus Boosts e um link para o detalhamento completo. Veja Uso e limites.

O que acontece se eu enviar uma solicitação enquanto o MonstarX está criando?

Uma solicitação no modo Criar espera em uma fila acima da caixa de texto, em A seguir, e começa sozinha quando a criação atual termina, mesmo que você feche a aba. Você pode subir solicitações na fila, puxar uma de volta para editar ou removê-la. Solicitações nos modos Conversar e Planejar não esperam: são respondidos na hora, em paralelo à criação. Veja A fila.

O que tem na barra da prévia?

Quando a aba Prévia está aberta, uma barra de ferramentas fica acima do seu app:

Da esquerda para a direita	O que faz
Ativo	O status da prévia. Também pode mostrar Iniciando, Parado ou Erro.
A barra de endereço	A página em que você está. Clique nela (ou em 4 páginas) para ver a lista de todas as páginas do app, ou digite um caminho e pressione Enter.
Desktop, tablet, celular	Mostram o app naquela largura de tela.
Editar	Clique ou desenhe na página para marcar o que deve mudar e envie várias mudanças de uma vez. Veja Modo de edição.
Recortar	Desenhe um retângulo em volta de uma parte da página para incluir uma imagem dela na sua mensagem. Veja Recortar.
Comentários	Os comentários deixados na prévia pelas pessoas com quem você compartilhou o projeto. Veja Compartilhar e comentar.
Recarregar prévia (↻)	Recarrega a página na prévia.
Reiniciar servidor de desenvolvimento (⟲)	Reinicia a prévia quando ela trava ou fica desatualizada.
Abrir em uma nova aba	Abre a prévia em uma aba própria do navegador.

Existe um tour guiado pelo espaço de trabalho?

Existe. Na primeira vez que você abre um dos seus projetos, o MonstarX oferece um tour guiado, o Seu guia do MonstarX. Em 16 passos curtos (15 quando o projeto não tem a aba Admin), ele destaca cada parte do espaço de trabalho e explica para que ela serve: começa em Conheça seu espaço de trabalho criativo, passa pela caixa de texto do chat, por cada aba (o tour abre a aba enquanto a explica), depois por Versões, QA, GitHub e Compartilhar, Publicar e Configurações, e termina em Você tem a oficina completa.

monstarx.com

• Próximo e Voltar passam de um passo para outro; no último, Voltar para a prévia fecha o tour e leva você de volta à aba Prévia.
• Para sair antes, clique em Pular tour, no × (Fechar tour) ou pressione Esc.
• Ele aparece uma vez só, e não em todo projeto: o MonstarX lembra, neste navegador, que você já viu o tour. Só o proprietário do projeto o vê, e não as pessoas com quem o projeto é compartilhado.
• Para ver de novo, clique na bússola (Fazer um tour), perto do canto direito da barra superior. No celular, abra Mais e escolha Fazer um tour.

A página Projetos tem um tour de boas-vindas próprio, com a Luna. Veja A página Projetos.

O que mais tem na página?

• Perguntar à Luna, no canto inferior direito, responde dúvidas sobre o MonstarX e pode levar você ao lugar certo. Pressione Alt / (⌥ / no Mac) para abrir e arraste o painel para qualquer lugar se ele estiver atrapalhando. Veja Perguntar à Luna.
• Reportar um bug com capturas de tela, na parte de baixo do painel Perguntar à Luna, avisa a equipe do MonstarX sobre um problema e anexa uma imagem do que você está vendo. No celular, ele fica na folha Mais. Veja Reportar um problema.

O que vê quem recebe um projeto compartilhado?

As pessoas com quem você compartilha um projeto veem um espaço de trabalho mais simples, com um indicador na barra superior:

Acesso	Indicador	O que podem fazer
Pode ver e comentar	Ver e comentar	Ver as abas Prévia e Código, o chat, o plano de funcionalidades e Versões, e deixar comentários na prévia. Não podem mudar nada.
Pode editar	Pode editar	As mesmas abas, além de enviar solicitações, editar o código e restaurar versões. As solicitações dessas pessoas contam no plano do proprietário. Cobrança, publicação e configurações do projeto continuam com o proprietário.

Veja Compartilhar e comentar.

Perguntas frequentes

Para onde foram os nomes das abas?

Em uma janela mais estreita, a barra superior mostra ícones em vez de rótulos, exceto na aba aberta e em Publicar. Passe o mouse sobre um ícone para ver o nome dele ou aumente a janela.

Por que eu não vejo a aba Admin?

A aba Admin só aparece para o proprietário do projeto, e apenas nos apps criados pelo MonstarX. Apps importados mantêm o próprio backend.

Como volto para todos os meus projetos?

Clique em ‹ ou no logo do MonstarX, no canto superior esquerdo.

Dá para usar o espaço de trabalho no celular?

Dá. No celular, o espaço de trabalho mostra uma visualização por vez, e tudo o que fica na barra superior está na folha Mais. Veja Crie pelo celular.

Como vejo o tour guiado de novo?

Clique na bússola (Fazer um tour), perto do canto direito da barra superior. No celular, ela fica na folha Mais.

Como desfaço uma mudança que o MonstarX fez?

Abra Versões na barra superior e clique em Restaurar na versão anterior à mudança. Os dados do seu app não são afetados. Veja Versões.

Veja também

Guia rápidoCrie seu primeiro app em poucos minutos.

ModosCriar, Planejar e Conversar explicados.

A préviaTudo sobre o seu app rodando.

Crie pelo celularO espaço de trabalho em uma tela pequena.