Basecoat UI MCP

<!-- Profile Avatar --> <img class="size-8 shrink-0 object-cover rounded-full" alt="User avatar" src="/path/to/avatar.jpg"> <!-- Different Sizes --> <img class="size-6 shrink-0 object-cover rounded-full" alt="Small avatar" src="/path/to/avatar.jpg"> <img class="size-10 shrink-0 object-cover rounded-full" alt="Medium avatar" src="/path/to/avatar.jpg"> <img class="size-16 shrink-0 object-cover rounded-full" alt="Large avatar" src="/path/to/avatar.jpg"> <!-- Avatar with Fallback --> <div class="size-8 shrink-0 rounded-full bg-muted flex items-center justify-center"> <span class="text-sm font-medium">JD</span> </div>