Criando um Site de R$ 5.000 com Claude Code | Aula Completa
Aprendendo Sites
0:00 / 0:00
Criando um Site de R$ 5.000 com Claude Code | Aula Completa
9 746 просмотров · 1 мес. назад
Aprendendo Sites
128 тыс. подписчиков
9 746 просмотров · 1 мес. назад
Nesse vídeo eu te mostro como criar sites imersivos, cinematográficos e responsivos usando o Claude Code — do zero até o site publicado na internet, sem precisar escrever uma linha de código.
Páginas com animação de scroll como essa são facilmente vendidas por R$5.000 ou mais no mercado, justamente porque dão um trabalho absurdo pra fazer na mão. Aqui você vai ver o passo a passo completo: como configurar o Claude Code, instalar a skill gratuita de direção de arte, conectar o Magnific via MCP pra gerar as imagens e os vídeos, pedir as revisões e, no final, hospedar tudo na HostGator pra colocar o site no ar.
Serve tanto pra você que quer um site profissional pro seu próprio negócio quanto pra você que é web designer e quer oferecer um serviço bem melhor pros seus clientes.
🎁 SKILL GRATUITA "SITES CINEMATOGRÁFICOS"
https://drive.google.com/file/d/1nQef...
🧠 MAPA MENTAL DO VÍDEO
https://mm.tt/map/4077013317?t=8bcNUa...
🚀 HOSPEDAGEM HOSTGATOR COM O MELHOR PREÇO
https://www.hostgator.com.br/42850.html
🔗 FERRAMENTAS CITADAS
Claude (criar conta / login) — https://claude.ai/login
Baixar o Claude no computador (Claude Code) — https://claude.com/download
Documentação do Claude Code — https://code.claude.com/docs
Magnific (antigo Freepik) — https://www.magnific.com
Higgsfield — https://higgsfield.ai
Modelos usados: Claude Opus 5, Kling, Seedance, Nano Banana
📚 CURSO DE WORDPRESS E ELEMENTOR
https://aprendendosites.com/curso
💻 CURSO APLICANDO IA
https://cursoaplicandoia.com/
▶️ VÍDEOS RELACIONADOS
Claude Design Tutorial Completo
• Como Usar o Claude Design Passo a Passo | ...
⏱️ CAPÍTULOS
0:00 O que você vai conseguir criar
0:49 Precisa saber programar? Não
1:15 Mapa mental do passo a passo
1:23 PASSO 1: conta e plano do Claude
2:39 Plano Pro x Max: qual vale a pena
4:51 Baixando o Claude no computador
5:44 Criando a pasta do projeto
7:03 Escolhendo o modelo e o nível de esforço
8:31 PASSO 2: baixando a skill gratuita
9:38 O que a skill faz por você
10:32 PASSO 3: conectando o gerador de imagens e vídeos
11:05 Higgsfield x Magnific: qual escolher
13:52 Como instalar o MCP dentro do Claude
16:32 Usa outra ferramenta? Adaptando a skill
17:35 PASSO 4: criando o site (o prompt inicial)
20:08 Respondendo as perguntas da direção de arte
22:47 A pesquisa de termos e objeções do nicho
25:15 Aprovando os créditos e o modelo de vídeo
26:29 O vídeo do scroll ficou pronto
27:23 Site pronto: tour pelo resultado
29:25 Testando a responsividade no celular e tablet
30:25 PASSO 5: pedindo revisões pro Claude
33:52 O resultado depois das revisões
35:41 PASSO 6: publicando o site
36:26 HostGator: planos P, M e Turbo
40:19 Ciclo de pagamento e domínio grátis
42:41 Formas de pagamento
43:35 Acessando o painel e o cPanel
44:43 Subindo o index.html e a pasta assets
48:34 Site no ar (não esqueça o Ctrl + F5)
49:13 Como atualizar o site depois
49:59 Spoiler do curso de IA
#ClaudeCode #CriarSiteComIA #WebDesign