Basecoat UI MCP

<!-- Loading Skeletons --> <div class="flex items-center gap-4"> <!-- Avatar skeleton --> <div class="bg-accent animate-pulse size-10 shrink-0 rounded-full"></div> <!-- Text skeletons --> <div class="grid gap-2"> <div class="bg-accent animate-pulse rounded-md h-4 w-[150px]"></div> <div class="bg-accent animate-pulse rounded-md h-4 w-[100px]"></div> </div> </div> <!-- Card Skeleton --> <div class="card"> <div class="bg-accent animate-pulse rounded-md h-48 mb-4"></div> <div class="bg-accent animate-pulse rounded-md h-6 w-3/4 mb-2"></div> <div class="bg-accent animate-pulse rounded-md h-4 w-1/2"></div> </div>