Lucas Alvim@alvim_aiferramentas de IA, testadas
Guia grátis em português

Prompts prontos pro Claude deixar o seu app mais rápido

Fez um app conversando com a IA e ele ficou lento? Este kit tem os pedidos prontos pra colar no Claude. Ele mexe no código pra telas abrirem antes, imagens pesarem menos e listas grandes não travarem. Você cola, troca o que está entre [COLCHETES] e testa.

Capa do reel: Prompts prontos pro Claude deixar o seu app mais rápido
Veio deste reelAssista o vídeo em que eu mostro isso funcionandoAssistir o reel no Instagram

01Pra que serve

02O que você precisa

03Passo a passo

  1. Abra o Claude e crie a sua conta, ou entre se já tiver. Funciona no navegador, no computador e no celular.
    https://claude.ai/
  2. Antes de mexer em qualquer coisa, salve uma cópia do app do jeito que ele está hoje. Se algo der errado, você volta pra ela.
  3. Comece uma conversa nova e cole o código da parte que está lenta (a tela, a lista, a página). Se o app for grande, mande uma parte por vez.
  4. Cole um dos prompts abaixo, troque o que está entre [COLCHETES] pelo seu caso e envie.
  5. Aplique a mudança, abra o app e teste. Só depois peça a próxima. Se quebrou, cole o erro na conversa e peça pra corrigir.

04Prompts prontos pra colar no Claude

O kit completoO pedido do reel: pra uma faxina geral de velocidade
Claude, eu não quero que o meu app feito na vibe fique lento e perca usuário. Ele foi feito com [FERRAMENTA OU LINGUAGEM, ex.: React, Lovable, Next.js] e o código está abaixo.
Faça estas melhorias, uma de cada vez, e me explique cada uma em uma frase simples:
1. Tela de carregamento tipo esqueleto enquanto o conteúdo carrega.
2. Imagens em WebP ou AVIF.
3. Paginação nos resultados, trazendo só [NÚMERO] itens por vez (no PostgreSQL, com LIMIT e OFFSET).
4. Lazy load nas imagens fora da tela.
5. Dividir o JavaScript e só carregar o código de cada parte quando ela aparece na tela.
6. Evitar renderizar de novo um componente quando as props dele não mudaram.
Depois de cada mudança, confira se nada quebrou e corrija antes de seguir.

[COLE O CÓDIGO AQUI]
Lista ou galeria que travaQuando uma tela com muitos itens ou fotos demora pra abrir
A tela [NOME DA TELA, ex.: feed, catálogo de produtos] do meu app demora pra abrir porque mostra [QUANTIDADE] itens com foto de uma vez.
Quero que ela:
- traga só [NÚMERO] itens por vez e carregue mais quando a pessoa chegar no fim da lista;
- só baixe cada imagem quando a pessoa rolar até perto dela (atributo loading="lazy");
- use imagens em WebP ou AVIF, com um plano B pra navegador que não aceitar;
- mostre um esqueleto cinza no lugar de cada item enquanto carrega.
Me mostre só os trechos que mudam e diga em qual arquivo vai cada um.

[COLE O CÓDIGO DA TELA AQUI]
Chat com IA que parece travadoQuando o seu app tem um chat ou gerador e a pessoa fica olhando a tela parada
No meu app, quando a pessoa clica em [BOTÃO, ex.: Gerar, Enviar], a resposta da IA só aparece inteira depois de vários segundos e parece que travou.
Quero:
- que a resposta apareça aos poucos, enquanto a IA escreve (streaming);
- que a mensagem da pessoa e o resultado do clique apareçam na tela na hora, antes do servidor responder, e voltem atrás com um aviso se der erro.
Uso [ONDE A IA RODA, ex.: Claude, OpenAI] e o código está abaixo. Explique o que mudou como se eu não fosse programador.

[COLE O CÓDIGO AQUI]
Servidor e cacheQuando o app inteiro demora pra abrir, até nas visitas seguintes
Meu app está hospedado em [ONDE, ex.: Vercel, Netlify, Railway, servidor próprio].
Quero:
- ligar a compressão Brotli ou GZIP nas respostas do servidor e conferir se o cabeçalho Content-Encoding aparece;
- ligar o cache do navegador pros arquivos que nunca mudam (imagens, fontes, arquivos de estilo e de código com versão no nome).
Me diga onde clicar ou o que mudar na configuração desse serviço e como eu confiro no navegador se funcionou. Se não tiver certeza de como o serviço faz isso, diga e me mande ver a documentação dele.

05Antes de usar

Resumindo: abre o Claude, cola o código e um prompt do kit, testa depois de cada mudança e o seu app fica mais rápido sem você precisar programar.

Todos os guias e prompts do Alvim