Build skeleton loading states with Tailwind CSS: a card skeleton with pulsing placeholder blocks (a circular avatar, two text lines of different widths, a rectangular image block) using a soft animate-pulse, matching the exact layout of the loaded content so nothing shifts when the swap happens. Include variants for a list row, a table, and a chart card, respect prefers-reduced-motion by falling back to a static muted treatment, and fade the real content in on arrival.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。