Como criar um app com IA usando ChatGPT Sites

Use este roteiro para protótipos, painéis internos e ferramentas de equipe. Um SaaS com autenticação própria, integrações críticas ou exigências regulatórias ainda precisa de arquitetura e testes específicos.

Como criar um app com IA começa por uma tarefa estreita

Um bom primeiro app resolve uma rotina hoje feita em planilha, conversa ou formulário, como acompanhar chamados, organizar pedidos de conteúdo ou filtrar documentos.

Evite “crie um sistema completo para minha empresa”. Escolha uma tarefa, quem vai usá-la e o resultado esperado. Assim, você deixa explícitas as decisões sobre usuários, dados, regras e erros.

O guia oficial de ChatGPT Sites descreve apps leves que você cria, pré-visualiza, publica e compartilha pelo ChatGPT. Revise a prévia antes de liberar acesso.

Antes de criar um app com IA, prepare os dados e o acesso

Na web, abra Work; no aplicativo para computador, selecione ChatGPT e depois Work, ou abra Codex. Confira se Sites está disponível na sua conta ou espaço de trabalho. As permissões variam, então consulte a página oficial de acesso e limites.

Separe somente os arquivos e dados que você tem autorização para usar. Se o app consulta documentos ou aplicativos conectados, decida desde já quais informações cada pessoa realmente precisa ver.

Defina três condições: o que a pessoa deve fazer, o que aparece sem resultados e qual ação exige confirmação humana.

Passo 1: transforme a ideia em um fluxo de usuário

Descreva o começo e o fim da tarefa em uma frase. Por exemplo: “Uma pessoa da equipe registra uma solicitação, acompanha o status e encontra os pedidos que vencem nesta semana”.

Liste as telas indispensáveis. Para esse exemplo, bastam um formulário, uma lista de solicitações, filtros por status e os próximos prazos.

Adie gráficos, notificações e conexões que não fazem parte do fluxo principal. Cada recurso extra cria mais comportamentos para testar.

Passo 2: escreva um pedido que a IA consiga verificar

No ChatGPT Sites, descreva o que quer construir e inclua a palavra “website” ou mencione @Sites, conforme o passo a passo oficial. Anexe apenas os arquivos necessários e diga quais fontes devem ser consideradas verdadeiras.

Um pedido inicial pode seguir este formato:

Use @Sites para criar um app interno de solicitações. Mostre um formulário para registrar título, responsável, prioridade e prazo. Inclua uma lista pesquisável com filtros por status. Use somente os dados que anexei. Se faltar informação, pergunte. Mostre uma mensagem clara quando uma busca não encontrar resultados. Não publique ainda.

Acrescente requisitos de uso, não apenas de aparência. Peça que o app funcione em uma tela pequena, explique erros de formulário e mantenha links para os documentos originais.

Para um painel conectado, diga quais dados consultar e quais ações são somente leitura. Cada visitante usa as próprias contas conectadas e permissões, portanto compartilhar um link não compartilha suas credenciais.

Passo 3: teste a prévia com casos reais e casos de erro

Abra a prévia como uma pessoa nova. Confira se os campos fazem sentido, se os botões funcionam e se a tela deixa claro o próximo passo.

Teste entradas vazias, valores inválidos, buscas sem resultado, duplicatas e combinações de filtros. Confira também se os arquivos vinculados estão acessíveis para quem vai usar o app.

Crédito da imagem: OpenAI, walkthrough oficial. A captura é ilustrativa e a própria página avisa que mostra uma interface anterior. A documentação atual orienta abrir Work no ChatGPT para iniciar um Site novo.

A demonstração oficial em vídeo, com sete minutos mostra a criação de um Site compartilhável e os controles de acesso.

Passo 4: revise armazenamento, conexões e permissões

A documentação oficial informa que a base de dados de cada Site pode armazenar até 10 GB. Esse limite ajuda a dimensionar um protótipo, mas não substitui uma decisão de arquitetura para dados sensíveis, grandes volumes ou um serviço de missão crítica.

Se o app usa uma conexão externa, verifique quais dados e ações ele solicita. Prefira leitura quando uma edição não for necessária e teste a experiência com a conta de uma pessoa que represente o público pretendido.

Revise dados pessoais em telas, URLs e mensagens de erro. Não publique informações confidenciais sem autorização e escolha uma audiência compatível com o conteúdo.

Passo 5: publique para o público certo

Sites novos ficam privados por padrão. Revise o endereço completo, abra o menu de compartilhamento e escolha quem pode acessar. As opções podem incluir somente o responsável, pessoas selecionadas ou, quando a publicação pública estiver habilitada, qualquer pessoa com o link.

Antes de ampliar o acesso, peça a alguém da equipe para testar com a própria conta. Confirme o que essa pessoa vê e se o app não revela dados internos.

Salve uma versão revisada antes de mudanças importantes. Salvar e publicar são etapas diferentes; trate a versão ativa como produção, mesmo que seja um protótipo.

Como corrigir os problemas mais comuns do app

Se a prévia inventar informações, limite-a às fontes fornecidas e peça que pergunte quando faltar um dado. Se a interface ficar grande, remova recursos secundários.

Se alguém não abrir o app, confira a audiência do link e a conta usada. Se uma conexão falhar, confirme a integração e as permissões habilitadas pelo administrador.

Se uma alteração quebrar algo, volte à versão anterior, teste os fluxos essenciais e só então publique. Para um projeto com código e testes em paralelo, veja como começar com Codex, Copilot e Claude Code e como dividir tarefas entre agentes.