How to use "<wa-skeleton>"?

[HovKlan-DH]

I can see the Skeleton component looks somewhat what I am in search for here, #169 (comment), but I am quite puzzled how to actually use this as a temporary placeholder?

E.g. if I have this avatar I want to show:

<wa-avatar image="image.jpg" shape="rounded" class="avatar-shadow" style="--size:200px;"></wa-avatar>

.. then how would I setup a skeleton for this element?

My expectation here is, that the skeleton will be rendered as one of the first elements in the browser, and then it will show that temporary skeleton component, and reserving the space for the real <wa-avatar> until the <wa-avatar> is ready to get displayed in browser?