Idealizado por Ju Oliveira
FerramentasRecurso07 de setembro de 2026

O Pinterest de quem faz Vibecoding

Antes de pedir para a IA criar sua interface, encontre boas referências. Conheça ferramentas para descobrir componentes, animações e interfaces para usar como inspiração.

Prompt

Analise esta interface como referência visual para o meu projeto.

Não copie o código da referência. Use apenas como inspiração.

Identifique:
- estrutura e layout;
- hierarquia visual;
- espaçamentos;
- tipografia;
- cores;
- componentes;
- bordas e sombras;
- animações e microinterações;
- comportamento responsivo.

Agora adapte essas ideias para o meu projeto, mantendo a identidade visual e a funcionalidade que eu já tenho.

Antes de escrever o código:
1. Explique rapidamente o que você identificou na referência.
2. Diga quais elementos você vai adaptar.
3. Sugira melhorias que façam sentido para o meu projeto.

Depois, implemente a interface usando a stack que já existe no projeto.

Não altere tecnologias ou dependências sem necessidade.

O resultado deve ser:
- responsivo;
- reutilizável;
- consistente visualmente;
- simples de manter;
- integrado ao código existente.

Se alguma informação estiver faltando, faça perguntas antes de implementar.

Links de referência

Quer mais recursos práticos como este?

Siga a Startora no Instagram e receba os próximos diretamente no seu feed.