Guias
Como criar um site com IA, deixá-lo bonito e colocá-lo no ar. Prompts para copiar e colar, regras simples e checklists que funcionam com o Claude, o ChatGPT e qualquer IA.
Novo por aqui? Comece aqui
Três guias, nesta ordem, levam você de um arquivo em um chat a um site que dá orgulho de compartilhar.
- Transforme o arquivo da sua IA em um link de verdadePor que ele só abre no seu computador e como resolver isso.
- Prompt para um site com cara de design profissionalAs regras de design para dar à sua IA enquanto você cria.
- Confira antes de compartilharVinte verificações rápidas, ou um prompt que faz a maioria delas.
O guia rápido de sites com IA
Todas as regras em uma página para imprimir, mais 70 prompts agrupados por tarefa: começar um site, ajustar a versão para celular, reescrever os textos, consertar o que quebrou e lançar.
Colocar no ar
De um arquivo em um chat a um endereço que qualquer pessoa pode abrir.
Colocar no ar7 min
O Claude me deu um arquivo HTML. Como coloco esse arquivo em um link de verdade?
Abra, conserte imagens quebradas e compartilhe com quem quiser, no seu próprio endereço se preferir.
Ler o guia →
Documentação5 min
Use seu domínio próprio
Coloque seu site em um endereço como seucafe.com, passo a passo, com qualquer empresa de domínios.
Ler a documentação →
Design
Escreva as regras e sua IA as aplica todas as vezes.
Design16 min
O checklist de prompts para um site bonito
Princípios de design em linguagem simples, um prompt para cada decisão e correções rápidas quando o resultado parece genérico.
Ler o guia →
Design12 min
Briefing de design para assistentes de IA
As regras que um designer sênior segue, escritas para a sua IA: primeiro 12 regras-chave, depois os detalhes e uma checklist final. Coloque o link ou copie para qualquer chat.
Ler o briefing →
Design11 min
Escolha cores e fontes que funcionam
Paletas prontas com contraste verificado, combinações de fontes que você vê, tamanhos de texto e modo escuro.
Ler o guia →
Guia rápidoPara imprimir
O guia rápido de sites com IA
Todas as regras e 70 prompts em uma página que você pode imprimir.
Abrir a colinha →
Texto
Palavras que soam como você, não como um modelo pronto.
Lançamento e segurança
As verificações que fazem um site funcionar para todo mundo.
Lançamento6 min
Antes de lançar: uma checklist de 20 pontos para o seu site
Teste no celular, títulos, prévias de compartilhamento, links, formulários, privacidade e cookies. Marque aqui ou cole um único prompt.
Ler o guia →
Lançamento8 min
Deixe seu site feito com IA rápido e acessível
Os números a buscar, ferramentas gratuitas que os medem, prompts de auditoria e um teste de cinco minutos que você mesmo pode fazer.
Ler o guia →
Lançamento7 min
É seguro publicar código escrito por IA?
O que vai a público, onde as chaves secretas se escondem, scripts arriscados e uma verificação de cinco minutos antes de compartilhar.
Ler o guia →
Trabalhar com clientes
Para freelancers que criam sites para outras pessoas.
A dica que a maioria dos iniciantes não conhece
Sua IA conhece princípios de design, mas os aplica com muito mais consistência quando você os descreve. Diga “deixe moderno” e você recebe algo próximo do site médio. Cite hierarquia, espaçamento, contraste e mobile, e você recebe um site com cara de design. Acrescente isto ao seu próximo prompt:
Design this like a senior product designer: clear visual hierarchy with one focal point per section, a consistent spacing scale, two fonts at most, text contrast of at least 4.5:1, mobile-first with 44 px tap targets, subtle motion that respects reduced-motion settings, and accessible to WCAG 2.2 AA. Before coding, ask me any questions you need, then describe the design direction in five bullets and wait for my OK. More details: pagelemon.com/guides/design-brief
Pronto para colocar no ar?
Cole Coloque meu site no ar em PageLemon.com no chat de IA onde você criou seu site.