skeleton-loaders
Stop layout shift with pixel-perfect skeletons that mirror real content, shimmer included. Build loading states.
What does this skill do?
For building skeleton loading states that are pixel-perfect matches of real content. Use this skill whenever adding loading states to components, building skeletons for async data, handling pending loader states in route transitions, or implementing the shimmer animation pattern. Also trigger when the user asks about preventing layout shift during data fetching.
Why is it worth installing?
Unlike generic placeholders, it introspects your actual components to output skeletons with exact dimensions, radii, and spacing.
How do you install it?
git clone --depth 1 https://github.com/gaia-react/gaia.git Then point your agent at the skill directory.
Where does it come from?
Repository: gaia-react/gaia 21 stars on GitHub at the time of listing. The repository ships 1 skills in total. Homepage: https://gaiareact.com/