Written with AI assistance from the source video. The video is the authority.
Log in to leave a comment
No posts yet
O arquivo HTML gerado pelo Claude parece bom à primeira vista. No entanto, assim que você ultrapassa 3 páginas, as edições se tornam um pesadelo. Abrir 10 arquivos apenas para alterar o tamanho de uma fonte é perda de tempo. Separe seu código.
<link rel="stylesheet" href="/assets/css/main.css"> na tag <head> dos seus HTMLs principais e gerencie os estilos centralizadamente.Ao fazer isso, basta corrigir um cabeçalho para que a alteração seja aplicada instantaneamente a todas as páginas. Você não precisará perder tempo editando arquivos repetidamente.
Não insira códigos de cores diretamente em cada componente. Toda vez que quiser mudar a cor de um botão, você terá que procurar em milhares de linhas. Em vez disso, use variáveis CSS.
:root { --main-color: #000000; --sub-color: #ffffff; }.background-color: var(--main-color);.Se a cor da marca mudar no futuro, basta editar um único arquivo em 3 segundos. A cor dos botões em todas as páginas mudará de uma só vez. É muito mais eficiente do que ajustar o design manualmente todas as vezes.
O processo de editar o código e voltar ao navegador para atualizar repetidamente quebra sua concentração. Instale a extensão Live Server do VS Code.
Veja as mudanças em tempo real sem precisar atualizar a página. O tempo gasto com ajustes de design cai pela metade.
O Claude escreve códigos de formas diferentes a cada solicitação. Estabeleça regras desde o início e converse com ele dessa forma. Crie um arquivo CLAUDE.md na raiz da pasta do projeto.
<code>).Isso reduz drasticamente as chances de a IA criar códigos bagunçados arbitrariamente.
Não se preocupe com configurações de servidor ou estruturas de ambiente complexas. Com o Vercel, o site funciona assim que você envia o código.
Não há necessidade de gerenciar servidores manualmente. O endereço do domínio é criado automaticamente e, se houver algum problema, você pode reverter para uma versão anterior a qualquer momento. Envie seu código agora mesmo.