TLDR;

O Claude Code escreve o código do site do zero, usa habilidades de design (Design Front-End e UI UX Pro Max) e permite iterações e componentes profissionais para entregar uma aparência de site de US$ 10.000. Para começar, instale o app Claude Code para desktop, assine o plano Pro (cerca de US$20/mês), crie uma pasta de projeto, mude para o modo de código, instale as duas habilidades e ative o modo automático. Garanta um resultado profissional fornecendo um briefing específico e referências visuais, iterando com o Claude, aplicando as skills de UI/UX e adicionando efeitos de movimento e cursor antes de publicar em um domínio personalizado.

Resumo

Neste vídeo o autor ensina a criar um site com aparência de US$ 10.000 usando o assistente de programação Claude Code: instalar o app desktop, criar uma pasta de trabalho, alternar para o modo de código e ativar o modo automático; instalar duas skills gratuitas — Design Front‑End (da Anthropic) e UI UX Pro Max (com muitas paletas, fontes e estilos) — para evitar resultados genéricos e elevar tipografia, paleta, layouts e movimento; e fornecer um briefing detalhado ou referências visuais (Dribbble, Awards, Pinterest) para orientar o design. Ele define os oito elementos que transformam um site comum em um site caro — ponto de vista, tipografia, cores, hierarquia, imagens, movimento, responsividade e elementos invisíveis de performance — e explica por que ferramentas no‑code tendem a produzir designs parecidos por se basearem em templates. O tutorial mostra como escrever o prompt, iterar com o Claude, incorporar componentes de bibliotecas e refinar detalhes (capítulo sete destaca efeitos de cursor e motion design), além de publicar o site em domínio personalizado pela forma mais barata; recomenda o plano Pro do Claude (cerca de US$20/mês) e dá links e instruções passo a passo. Inclui dicas e exemplos reais que aceleram todo o processo.