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.