Seu cliente acha que a IA travou? Mostre que ela trabalha
Troque a rodinha parada por um orbe animado, de uso livre. É um pedido que você cola na sua IA, não um programa novo. Quando a IA do seu site ou do seu atendimento demora, o cliente vê uma rodinha parada e pensa que travou. Existe uma biblioteca gratuita, com licença que permite uso comercial, com 9 orbes animados que mostram que a IA está trabalhando. Aqui estão o pedido pronto para colar, o que eu conferi e o que ainda depende do seu site.
Ivan Lessa
@oivandigital · IA aplicada a negócios, sem hype
Serve pra você?
Passo a passo
Peça para a sua IA fazer; você só confere o resultado.
Abra a sua IA na pasta do seu site
Use uma IA que consiga rodar programas e mexer nos arquivos, como o Claude Code. Trabalhe numa cópia do site, não na versão que está no ar.
Cole o pedido
Use a versão curta ("No meu site, troque a rodinha de carregando por um orbe animado...") ou a detalhada, que está no arquivo para baixar.
Veja o orbe no seu computador
Peça para a IA abrir o site no seu computador. Se aparecer o orbe no lugar da rodinha, está certo.
Escolha o estado
São 9 estados: trabalhando, buscando, resolvendo, ouvindo, conectando, trançando, compondo, respirando e moldando. Peça o que combina com o momento.
O que eu conferi e o que não conferi
Verificado em 16/10/2026, neste computador.
- ConferidoO pacote thinking-orbs (versão 0.3.2) instala pelo npm, tem licença MIT e traz os 9 estados, segundo o próprio pacote. O vídeo usa os orbes reais da biblioteca.
- Não conferidoNão rodei o pedido em um site de cliente nem medi se o orbe melhora a experiência. O resultado depende do seu site.
- Como funcionaDesenho em canvas 2D simples (sem WebGL). Quando o visitante pede menos movimento no aparelho, mostra um quadro parado.
Baixar o pedido
Arquivo de texto com o pedido pronto para colar na sua IA.
Ler o texto completo (1 KB)
# Pedido: troque a rodinha de carregando por um orbe animado Cole na sua IA que roda programas (como o Claude Code), dentro da pasta do seu site. ## Versão curta No meu site, troque a rodinha de carregando por um orbe animado. Use a biblioteca gratuita thinking-orbs. Mostre o orbe de "trabalhando" enquanto a IA pensa. ## Versão detalhada (troque o que está entre [colchetes]) Meu site fica na pasta [nome da pasta]. Quero trocar a rodinha de carregando que aparece enquanto a minha IA [busca uma resposta / prepara um orçamento / atende o cliente] por um orbe animado. 1. Veja se o meu site usa React (versão 18 ou mais). Se não usar, me diga e proponha o jeito mais simples de colocar o orbe. 2. Instale a biblioteca thinking-orbs (licença MIT, uso livre, inclusive comercial). 3. Troque a rodinha pelo orbe de estado "working" (trabalhando) enquanto a IA pensa. Se couber, use "searching" (buscando) enquanto procura e "solving" (resolvendo) enquanto calcula. 4. Deixe o orbe com tamanho 64 e rode o site no meu computador para eu ver. 5. No fim, me diga em uma frase o que mudou e em quais arquivos. Não mexa em mais nada do site e não apague nada. ## Os 9 estados working (trabalhando), searching (buscando), solving (resolvendo), listening (ouvindo), connecting (conectando), weaving (trançando), composing (compondo), breathing (respirando), shaping (moldando).
Glossário para leigos
- BibliotecaUm pacote de código pronto que a sua IA instala e usa, como uma peça já fabricada.
- Licença MITPermite usar de graça, inclusive em produto comercial, mantendo o aviso de autoria.
- ReactUma tecnologia muito usada para fazer sites. Se a sua IA ou o seu programador disser que o site é em React, serve.
- OrbeUma bolinha feita de pontos que se mexem, mostrando que algo está acontecendo.
Isso é só a ponta do iceberg.
Na sua empresa de verdade entram modelos mais avançados, que não treinam com os seus dados, mais segurança e LGPD. Na Imersão de IA para o seu negócio, eu coloco a IA para trabalhar com limites definidos por você.
