Aqui está como criar um ficheiro de prompt que se autoaperfeiçoa ao longo do tempo e ajuda a gerar aplicações web muito mais polidas.

1. ligue o Claude à sua aplicação com o servidor MCP do Playwright
2. armazene as regras de geração de componentes num único ficheiro
ex: src/lib/prompts/generation.tsx
3. peça ao Claude para:
• abrir localhost
• gerar um componente
• rever a saída visual real
• atualizar o ficheiro de prompt
• regenerar e comparar
exemplo de prompt:
"navegue até localhost[:]3000, gere um componente básico, revise o estilo e atualize src/lib/prompts/generation.tsx para produzir componentes melhores no futuro"
assim, em vez de repetir padrões genéricos como:
• gradientes roxo-azulados
• blocos centrais de destaque
• simetria padrão do Tailwind
pode direcionar o prompt para:
• sistemas de cores mais quentes
• espaçamentos mais originais
• layouts assimétricos
• melhor hierarquia visual
• componentes menos “parecidos com IA”
um padrão super útil se quiser transformar a geração de componentes por IA numa verdadeira workflow de design.