Codex use case
Implante um aplicativo ou site
Crie ou atualize um aplicativo web, publique uma prévia e obtenha a URL para acessá-la.
Use o Codex com os plugins Build Web Apps e Vercel para transformar um repositório, uma captura de tela, um design ou uma ideia inicial de aplicativo em uma prévia funcional que você pode compartilhar por link.
Best for
- Transformar uma captura de tela, um mapa, um briefing de design ou uma ideia inicial de aplicativo em uma prévia funcional na web
- Implantar uma branch ou um aplicativo local sem precisar combinar manualmente os comandos da Vercel
- Compartilhar a URL da prévia depois que o Codex executar o build e verificar a implantação
Contents
Implante um aplicativo ou site
Crie ou atualize um aplicativo web, publique uma prévia e obtenha a URL para acessá-la.
Use o Codex com os plugins Build Web Apps e Vercel para transformar um repositório, uma captura de tela, um design ou uma ideia inicial de aplicativo em uma prévia funcional que você pode compartilhar por link.
Use o Codex com os plugins Build Web Apps e Vercel para transformar um repositório, uma captura de tela, um design ou uma ideia inicial de aplicativo em uma prévia funcional que você pode compartilhar por link.
Related links
Best for
- Transformar uma captura de tela, um mapa, um briefing de design ou uma ideia inicial de aplicativo em uma prévia funcional na web
- Implantar uma branch ou um aplicativo local sem precisar combinar manualmente os comandos da Vercel
- Compartilhar a URL da prévia depois que o Codex executar o build e verificar a implantação
Skills & Plugins
- Crie, revise e prepare aplicativos web com orientações sobre React, interfaces de usuário, implantação, pagamentos e bancos de dados.
- Publique prévias, inspecione implantações, consulte os logs de build e gerencie as configurações de projetos na Vercel.
| Skill | Why use it |
|---|---|
| Build Web Apps | Crie, revise e prepare aplicativos web com orientações sobre React, interfaces de usuário, implantação, pagamentos e bancos de dados. |
| Vercel | Publique prévias, inspecione implantações, consulte os logs de build e gerencie as configurações de projetos na Vercel. |
Starter prompt
Comece pelo site e defina onde publicá-lo
O Codex pode criar ou atualizar um site ou aplicativo, executar as verificações do projeto, publicá-lo na Vercel e fornecer a URL.
Para começar, dê ao Codex algo concreto com que trabalhar: um repositório, uma captura de tela, um mapa, um resumo dos requisitos de design, uma nota sobre o produto, a documentação de uma API ou uma fonte de dados. O Codex deve examinar o projeto antes de alterá-lo e, por padrão, usar o plugin da Vercel para publicar uma prévia.
Use @build-web-apps quando o Codex precisar criar ou aprimorar o aplicativo. Use @vercel para pedir ao Codex que publique o projeto, verifique a implantação ou consulte os logs de build da Vercel.
Confira o resultado antes de compartilhá-lo
O Codex deve informar o que alterou, qual comando usou para executar o build do projeto e se a implantação na Vercel está pronta. Se a implantação exigir uma variável de ambiente, a escolha de uma equipe, a configuração de um domínio ou uma etapa de login, o Codex deve indicar o que falta em vez de dar o site como concluído.
Seja explícito ao pedir alterações em produção. Por padrão, o Codex publica uma prévia. Só peça uma implantação em produção quando essa for a sua intenção.
Continue aprimorando o site a partir da URL da prévia
Quando a prévia estiver disponível, mantenha o mesmo chat aberto. Peça ao Codex que abra a URL, corrija problemas de layout, atualize os textos, conecte as fontes de dados que faltam ou consulte os logs da Vercel se a implantação falhar. O chat já tem as informações sobre o repositório, a implantação e o build.
Faça pedidos específicos, como estes:
- “No celular, os elementos estão muito próximos uns dos outros. Ajuste o espaçamento e publique a prévia novamente.”
- “Use o mesmo projeto e adicione os dados mais recentes de [source].”
- “Consulte os logs do build que falhou e corrija o problema na implantação.”
Related use cases
Crie e implante aplicativos internos
Use o Sites no ChatGPT Work para criar e testar um aplicativo interno voltado a uma tarefa...
Crie um guia interativo com IA
Use o Codex para adicionar um tour com WebMCP ao seu aplicativo web
Da ideia à prova de conceito
Use o Codex com o ImageGen para dar forma visual a uma ideia inicial, criar um protótipo com...