Skeleton is presentation-only. Render it from the server-owned loading state and give it dimensions matching the eventual content.
Project loading state
heex
<div class="flex items-center gap-4">
<.skeleton class="size-12 rounded-full" />
<div class="flex-1 space-y-2">
<.skeleton class="h-4 w-40" />
<.skeleton class="h-3 w-64" />
</div>
</div>
<.skeleton class="mt-6 h-24 w-full rounded-xl" />