Refiz o luisjunior.ai do zero: cada afirmação com prova.

Desde 30 de outubro de 2026, às 17:46 UTC (14:46 no horário de Brasília), meu site pessoal, o luisjunior.ai, está no ar numa versão refeita do zero. Ele roda em Astro, num Worker da Cloudflare que só entrega arquivos estáticos, e a home abre com o título “Do prompt ao produto no ar”. Pedi um site fora do normal, que mostrasse bom gosto, domínio de IA, execução e velocidade. Este texto conta as escolhas que fiz e o que descartei no caminho.

Cada afirmação do site precisa de prova

O conceito ficou em uma frase: cada afirmação com prova. A home traz um registro de lançamentos, em que cada item leva a data do texto do blog que o conta. Ela apresenta também os três produtos: o Pagenello, o ClipLeve e o Garfim. As decisões de produto aparecem como diff, e o problema fica riscado quando a solução entra. Bastidores, sobre e contato completam a página.

Os 19 textos do blog e as páginas legais foram importados sem mudança de texto, nas mesmas URLs e com as mesmas âncoras. A página sobre é nova. Ela tem a frase que me descreve, fatos datados e fotos para imprensa.

A grade de tokens saiu antes de ir ao ar

A primeira versão da home tinha uma grade em que cada ponto valia 10 milhões de tokens. Recusei a grade. Achei clichê, e disse sobre ela: “se você tem que explicar o que significa, é porque não ficou legal”.

Pedi, no lugar dela, movimento e peças que se encaixassem conforme a pessoa rola a página. A ideia nova precisava se explicar sozinha, sem legenda.

Uma sequência ao rolar tomou o lugar da grade

No lugar da grade entrou uma sequência fixa, ligada à rolagem. Um prompt é digitado e vira tokens. Os tokens se encaixam na tela do Garfim, com o conteúdo real da tela de porções, e Pagenello e ClipLeve chegam ao lado. O contador termina em 10 bilhões de tokens.

Esse número chega com a prova ao lado: a placa da OpenAI, que reconhece o uso de mais de 10 bilhões de tokens.

Cada seção entra por cima da anterior, com cantos arredondados. O verde-limão da marca continua como sinal, sobre uma tinta mais quente. Há uma seção creme para produtos e lançamentos, e o contato fica em verde-limão. As fontes são Geist, Geist Mono e Instrument Serif, e o símbolo com o ponto verde-limão foi mantido.

Todo o movimento está ligado à rolagem e respeita a preferência de movimento reduzido do sistema.

Os recursos servem a quem visita e a agentes

Além da sequência, o site tem recursos que aparecem na navegação, pensados tanto para quem visita quanto para agentes:

• Menu ⌘K, que no celular é o menu principal, com busca em seções, produtos, textos e ações.
• Botão “Ver como IA”, que mostra o llms.txt do site como uma resposta de modelo.
• Quatro ferramentas WebMCP somente leitura, com perfil, produtos, busca nos textos e contato. Elas são registradas quando o navegador oferece essa interface para agentes.
• O tempo de carregamento medido no navegador de quem visita aparece no cabeçalho e no rodapé.
• Links internos pré-renderizados ao passar o mouse, e troca de página com View Transitions.

Dá para testar cada item na própria página. O llms.txt é um arquivo de texto que descreve o site para modelos de IA, e o WebMCP é a forma de um site oferecer ferramentas a agentes que usam o navegador.

Cada número de velocidade tem medição e fonte

Medi a velocidade localmente com o Lighthouse 13.6, e a home teve 100 nas cinco categorias: desempenho, acessibilidade, boas práticas, SEO e navegação por agentes, no celular e no computador. No celular, a home ficou com 180 KB; na versão com a grade, eram 262 KB.

Na produção, a nota de desempenho no celular fica entre 98 e 99, e as demais categorias ficam em 100. No computador, a produção marca 100 em tudo, com LCP de 0,5 s, que é o tempo até o maior elemento da tela aparecer. Deixo as duas medições registradas porque, no celular, a produção não repete a nota local. O tempo que aparece no cabeçalho e no rodapé é medido no navegador de quem visita, então ele muda de visita para visita.

A análise só começa depois do consentimento: antes do aceite, nenhuma requisição vai ao Google.

Aprovei a versão visual e funcional antes da publicação. O site foi feito com agentes de IA no mesmo dia: versão de teste, segunda versão e publicação.

O site é a prova de execução em si. A velocidade aparece medida ao vivo, e cada número tem fonte. O próximo texto da série trata dos domínios, e o padrão que uso para todos eles está na parte 5.