Como Criar um Site com ChatGPT

1

1 O Prompt Perfeito

O segredo para um site bem feito no ChatGPT é o contexto. Não peça "faça um site". Seja detalhista sobre a estrutura, as cores e a vibração que você quer passar.

                "Atue como um Desenvolvedor Front-end Senior. Crie um arquivo HTML único contendo CSS e JS embutidos. O tema é um site de portfólio. Use paleta escura (modo dark) e adicione efeitos de glassmorphism."
            

2

2 Estrutura Única

Para facilitar a publicação rápida, peça sempre para a IA gerar tudo em um único arquivo index.html (HTML, CSS e JavaScript juntos). Isso elimina a dor de cabeça de linkar múltiplos arquivos caso você vá testar localmente primeiro.

3

3 Refinamento Iterativo

A primeira versão nunca é perfeita. Diga à IA exatamente onde mexer. Se as cores estiverem feias, mande: "Troque a paleta de cores para algo mais moderno, usando Tailwind Colors como referência (Slate e Emerald)."

4

4 A Automação Cloudflare (Nossa Skill)

Uma vez que você tenha a pasta com seu index.html, o processo manual envolveria configurar servidores. Porém, usando a Skill da Cloudflare que acabamos de construir, basta um clique.

                A IA pega a pasta gerada, empacota e roda o comando de deploy automaticamente via Cloudflare Pages API.
            