Watch and track your favorite playlist.
Curated by: Aprendendo Sites (360 videos)
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/1nQefXpcrHQer_WkSdrLM2irRHIJOmNqN/view?usp=sharing 🧠 MAPA MENTAL DO VÍDEO https://mm.tt/map/4077013317?t=8bcNUagyB0 🚀 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 https://youtu.be/U8J6Nywcg2s?si=gWWSJbqT-9COawMs ⏱️ 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