Como criar seu primeiro app no ChanTan Studio

Descreva sua ideia, aperte Gerar e veja um site de verdade aparecer em 2 a 4 minutos. O passo a passo completo da sua primeira construção no ChanTan Studio.

Sua primeira construção cria um projeto inteiro do zero. Ela leva cerca de 2 a 4 minutos e roda sozinha depois que você aperta Gerar — a única coisa que pode precisar de você é um card de perguntas, que a IA às vezes coloca no chat e fica esperando.

Antes de começar: criar um projeto é grátis. Quem gasta créditos é a construção que roda em seguida.

1. Coloque sua ideia na caixa

No seu painel, a caixa grande diz “Fale ou digite — descreva seu app e a gente constrói...”

Escreva o que você quer com suas próprias palavras. “Uma loja online para a minha confeitaria de brigadeiros gourmet em Belo Horizonte, cores quentes, com uma página contando a nossa história.” A caixa cresce conforme você escreve.

Prefere falar? Aperte o microfone azul redondo no canto superior direito da caixa (“Toque para falar”). Seu navegador pede permissão uma única vez. Você tem “Pausar”, “Cancelar” e “Pronto — transcrever”, e suas palavras aparecem na caixa, no seu idioma.

Nada é enviado automaticamente — você sempre lê antes.

Não sabe por onde começar? Aperte “Fale conosco”, ao lado de “Não sabe por onde começar? Fale com uma IA do ChanTan”, para ter uma conversa falada de verdade com um assistente, que depois escreve o pedido para você.

ℹ️ Descrições bem longas não são problema. Passando de uns 45.000 caracteres, você vê “📎 Briefing longo — ele será anexado automaticamente como arquivo”. Isso nunca trava você — ChanTan transforma o texto longo em documentos anexados e lê todos eles.

2. Escolha um construtor (opcional)

A fileira de chips embaixo da caixa deixa você escolher qual construtor do ChanTan faz o trabalho.

Os três conferem o próprio trabalho antes de entregar, e os três carregam uma etiqueta “Beta” — isso é esperado, não é um aviso. As marcas $ / $$ / $$$ são uma dica relativa de quão pesada é a construção, não um preço.

No rodapé estreito do chat, dentro de um projeto, os mesmos nomes são encurtados para a última palavra: “Chantan Pro” aparece como “Pro BETA”, “Chantan Pro Max” como “Max BETA” e “Chantan Ultra” como “Ultra BETA”. São os mesmos três construtores — veja como escolher um motor.

Passe o mouse sobre um chip (no celular, toque no que já está selecionado) para ver as notas de 0 a 10 em “Velocidade”, “Qualidade da construção”, “Segurança”, “Confiabilidade” e “Custo”. Sua escolha fica salva para a próxima vez.

Na dúvida, deixe em “Chantan Pro”. Ele é o padrão por um bom motivo.

3. Decida se quer um plano antes (opcional)

O botão pequeno “Plano”, ao lado de Gerar, significa, nas palavras do próprio produto: “Planejar primeiro — o agente propõe um plano que você aprova antes de qualquer construção”. Tem um artigo inteiro sobre o modo “Planejar primeiro” se você quiser os detalhes.

Com Plano ligado, o botão grande muda de “Gerar” para “Ver o plano”, e você recebe um plano para ler e aprovar antes de um único arquivo ser escrito. Um plano não muda nada — é uma proposta.

4. Aperte “⚡ Gerar”

Aperte “⚡ Gerar” — ou ⌘/Ctrl + Enter.

Não há etapa de confirmação. ChanTan cria o projeto, dá a ele um nome curto de 2 a 4 palavras tirado da sua ideia e abre na hora.

ℹ️ A página muda na mesma hora — e está certo. Seu projeto acabou de abrir, e a construção começa sozinha. Você não dá nome ao projeto; renomeie quando quiser pelo menu “•••” do card → “Renomear”.

5. Veja a construção acontecer

Uma tela animada de cobertura toma conta da área de pré-visualização durante toda a construção, para você nunca ver uma página pela metade.

No cabeçalho do chat aparece “Construindo sua primeira versão” com “Tempo estimado: 2-4 min” embaixo da barra, e uma linha de status vai mostrando o que está sendo preparado para você — “Iniciando o ambiente de desenvolvimento”, “Instalando as dependências do projeto”, “Criando o banco de dados privado do seu projeto”, “Preparando o servidor de pré-visualização ao vivo”, “Verificando a saúde do espaço de trabalho”.

No chat, a IA narra o que está fazendo no seu idioma — escreva em português e a história toda volta em português.

Quando as fotos estão sendo criadas, aparece uma faixa de miniaturas com o rótulo “Imagem N de M”, cada uma passando de Criando para “Pronto”. Toque em uma miniatura concluída para ver em tamanho real.

ℹ️ Você nunca precisa ficar olhando. A construção roda do lado do ChanTan, não no seu navegador. Feche a aba, troque de aparelho, perca a conexão — quando você voltar, o chat se atualiza sozinho.

6. Responda aos cards que a IA mostrar

A IA pode pausar e colocar um card no chat. Um card esperando resposta pausa a construção até você responder.

A IA pergunta em vez de chutar porque um chute errado custaria uma construção inteira.

7. Seu app aparece

A cobertura só sai quando seu app está realmente pronto — um fade curto, e seu app está lá, ao vivo e clicável, à direita.

Um sininho curto e alegre toca quando a construção termina.

✅ Pronto! Agora você deve ver seu site de verdade, funcionando, no painel da direita — pode clicar nos links e rolar a página como um visitante faria. No chat você encontra um card “E agora?” com sugestões, e um botão “Desfazer” embaixo da caixa de mensagem.

Neste ponto, seu app é privado. Ninguém mais consegue ver até você apertar “Publicar”.

8. Peça sua primeira mudança

Digite o próximo pedido no mesmo chat: “deixe o cabeçalho verde”, “adicione uma página de contato”.

As mudanças seguintes são diferentes da primeira construção: sem tela de cobertura, a pré-visualização continua visível e se atualiza no lugar, e o chat mostra “Entendendo seu pedido”, sem estimativa de tempo.

Toda resposta que mudou arquivos deixa um ponto de Desfazer — o botão “Desfazer” no rodapé do chat, e um “↩ Desfazer” na própria resposta.

Se algo der errado

Recarregar a página é seguro, mesmo no meio da construção. Quando a página carrega, ChanTan reconecta você à construção em andamento — e se encontrar uma que realmente morreu, reinicia para você. Uma construção que morre sem aviso é retomada automaticamente, até duas vezes, com sua mensagem e suas fotos intactas.

Quanto custa, com honestidade

• Criar o projeto é grátis. A construção que vem depois gasta créditos conforme o trabalho feito de verdade.
• Fotos geradas custam créditos — ChanTan avisa em uma notificação quando cobra por uma.
• Se você apertar Parar, tudo o que já ficou pronto é mantido e você paga só pelo trabalho concluído. Nada é desfeito.
• Uma reserva, não uma cobrança. Quando uma construção começa, alguns créditos são separados — aparecem como “Reserva de trabalho em andamento” — para que uma construção nunca deixe seu saldo abaixo de zero. A parte não usada é liberada automaticamente no fim.

⚠️ Não existe nenhuma mensagem de “créditos devolvidos” em lugar nenhum do produto. Não espere uma notificação. Para confirmar, olhe seu saldo no cabeçalho e a lista de atividade de créditos na página Carteira. (Recibos e formas de pagamento ficam em outro lugar: Configurações → Pagamentos.)

Limites honestos

• Uma construção por vez em cada projeto. Mande uma mensagem no meio da construção e ela entra na fila para você — nada se perde.
• Toda construção tem um limite de trabalho, para nunca rodar, nem cobrar, para sempre. Se a IA bate nesse limite com trabalho real pela frente, um botão “▶ Continuar de onde parei” retoma o mesmo trabalho. Você também pode simplesmente digitar “continue”.
• Às vezes a IA mexe em um arquivo que você não mencionou — porque seu pedido dependia dele. Edições incomumente amplas perguntam antes com “Modificação grande detectada.”, e reescrever a maior parte do seu projeto fica bloqueado até você digitar uma palavra de confirmação.