マイクロ・フィードバック
スケルトンローディング
読み込み中に輝く光が流れるプレースホルダを表示し、完了後に実コンテンツへ差し替わる。
プレビュー
クリック
操作クリック／タップで動きます。
コード（コピーして使えます）
<div class="card-wrap">
<div class="skeleton-card" id="skel">
<div class="sk sk-avatar"></div>
<div class="sk-lines">
<div class="sk sk-line sk-line--long"></div>
<div class="sk sk-line sk-line--mid"></div>
</div>
</div>
<div class="real-card" id="real" hidden>
<div class="real-avatar">🧑💻</div>
<div class="real-lines">
<p class="real-name">田中 太郎</p>
<p class="real-sub">フロントエンドエンジニア</p>
</div>
</div>
<button class="reload-btn" id="reload">再読み込み</button>
</div>