Skeleton
Placeholder pulsante para conteúdo em carregamento. Usado nos arquivos loading.tsx de cada tela, aparece instantaneamente na navegação e espelha o formato da página de destino — evitando a sensação de lentidão e o salto de layout.
import { Skeleton } from "@/components/ui/skeleton"Formas básicas
Combine larguras, alturas e raios para montar qualquer placeholder.
Blocos reutilizáveis
Espelham os componentes reais do dashboard. Ficam em components/dashboard/skeletons.tsx.