[ GUIAS ]

Aprenda IA de verdade.

18 guias publicados — técnicas aplicadas, prompts prontos e exemplos reais.

01
sites cinematográficosprompts

Como eu fiz o site do anel inteligente VYTAL (passo a passo com IA)

Do zero à landing page completa: imagens geradas com GPT, vídeo do produto girando feito no Veo3, remoção de fundo e um scrubber sincronizado ao scroll. O processo completo, prompt por prompt.

11 min de leituraLer guia →
02
claude codegsap

3 prompts para deixar qualquer site feito com IA cinematográfico

Animação de texto, transição entre seções e entrada de seção — mais um bônus: o efeito de hover que revela uma imagem como lanterna de cinema. Prompts completos, com cada easing, duração e movimento especificado. Cole no Claude Code e veja a diferença.

9 min de leituraLer guia →
03
claude codeextensão chrome

Como clonar uma seção cinematográfica com a extensão do Claude

Achou um site cinematográfico e quer replicar uma seção? Não refaça do zero. Use a extensão do Claude no Chrome para fazer engenharia reversa do movimento — com dados medidos, não chutados — e o Claude Code para reconstruir com fidelidade. Os dois prompts completos estão aqui.

12 min de leituraLer guia →
04
Membrosclientesprospecção

Playbook de prospecção: como conseguir seus primeiros clientes de sites com IA

5 fases simples para prospectar clientes de sites cinematográficos, mesmo sem portfólio ou experiência. Nicho, projeto isca, templates de DM e estrutura de oferta — passo a passo completo.

10 min de leituraLer guia →
05
cinematográficoclaude code

De site genérico a cinematográfico: 2 comandos e 1 prompt

O que deixa um site com cara de template não é a cor, é a falta de movimento e direção. Aqui está o passo a passo exato pra resolver isso: dar à IA a documentação certa, instalar a direção e aplicar o prompt cinematográfico.

8 min de leituraLer guia →
06
prompt engineeringweb design

A Arquitetura de um Prompt que a IA Não Erra

O sistema replicável de 5 camadas para dirigir a IA e criar sites com estética cinematográfica nível Awwwards. Estudo de caso real: o projeto Casa 77.

8 min de leituraLer guia →
07
animaçõesCSS

3 animações que uso para deixar sites cinematográficos

Galeria 3D com Three.js, Mouse Reveal com CSS mask e Text Reveal com GSAP ScrollTrigger — os três efeitos que aparecem em quase todos os meus projetos. Com preview ao vivo, prompt e código completo para copiar.

5 min de leituraLer guia →
08
sites cinematográficosprompts

Como criar uma landing page cinematográfica para advogado usando IA

4 prompts para construir um site de advocacia que transmite autoridade de verdade: vídeo de fundo, animações cinematográficas e aquela sensação de que custa caro. Sem escrever código.

12 min de leituraLer guia →
09
claude codeprodutividade

Como economizar tokens no Claude Code e fazer 4x mais com o mesmo limite

Quem não sabe economizar token trava no limite toda semana. Quem sabe faz 4 projetos completos usando só 30% do limite semanal. Aqui está o guia completo.

11 min de leituraLer guia →
10
claude codegsap

Os 5 prompts completos para criar sites cinematográficos no Claude Code

Não é só copiar e colar. Aqui está o contexto por trás de cada prompt — o que cada instrução faz, por que funciona, e como usar do jeito certo para o Claude Code entregar um site que parece filmado.

12 min de leituraLer guia →
11
designferramentas

Os sites que eu uso para criar interfaces que parecem obra de arte

Postei 5 no Instagram. Aqui estão os 15 que realmente uso — incluindo os que nunca mostro. Para quem faz vibe code e quer sair do genérico de vez.

9 min de leituraLer guia →
12
claude codegsap

As Skills gratuitas do Claude Code que uso pra criar sites cinematográficos

No vídeo mostrei ferramentas como GSAP e Lenis. Mas tem uma camada que não mostrei — e é ela que acelera tudo. Aqui estão as skills do Claude Code que usei, e como você pode usar também.

8 min de leituraLer guia →
13
agentesfrontend

Como criar um agente de IA para sites cinematográficos

A diferença entre pedir um site bonito para a IA e ter um agente que sabe exatamente o que é um site bonito. Aqui está a estrutura de arquivos que eu uso para isso.

10 min de leituraLer guia →
14
sites cinematográficosframer motion

Como criar sites cinematográficos com IA

Construí ao vivo no Instagram um template de site cinematográfico em Next.js + Framer Motion. Aqui está o passo a passo pra clonar, rodar e adaptar, com a explicação de cada arquivo, cada animação e a filosofia por trás de tudo.

8 min de leituraLer guia →
15
fundamentosprompt engineering

O que é engenharia de prompt — e por que 90% das pessoas usa IA errado

Entenda o conceito que está redefinindo como humanos se comunicam com IA e aprenda a estrutura que separa resultados mediocres de resultados excepcionais.

6 min de leituraLer guia →
16
chain-of-thoughttécnicas

Chain-of-Thought: como fazer a IA pensar antes de responder

A técnica mais poderosa de prompt engineering explicada do zero. Aprenda a fazer qualquer modelo raciocinar passo a passo e eliminar erros de lógica.

7 min de leituraLer guia →
17
modelosGPT-4o

GPT-4o vs Claude vs Gemini — qual modelo usar para cada tarefa

Comparativo honesto entre os três principais modelos de IA em 2026. Descubra qual performa melhor em código, escrita, análise e raciocínio — com exemplos reais.

8 min de leituraLer guia →
18
prompts prontosprodutividade

10 prompts prontos para usar no trabalho hoje

Uma coleção de prompts testados para as tarefas mais comuns: e-mails, análises, reuniões, relatórios e mais. Copie, adapte e use imediatamente.

5 min de leituraLer guia →