What: Improve the LoadingSkeleton component with more variants and better animation.
Why: The current skeletons are basic. They need more variants (card grid, table, form) and smoother animation.
Scope: Add skeleton variants: CourseGridSkeleton, TableSkeleton, FormSkeleton, ProfileSkeleton. Improve animation with shimmer effect. Match actual content dimensions.
Acceptance criteria:
- Skeletons match content structure
- Animation is smooth
- Multiple variants exist
- Consistent across pages
Technical context: src/components/shared/loading-skeleton.tsx — existing LoadingSkeleton. src/components/ui/skeleton.tsx — Skeleton component.
What: Improve the LoadingSkeleton component with more variants and better animation.
Why: The current skeletons are basic. They need more variants (card grid, table, form) and smoother animation.
Scope: Add skeleton variants:
CourseGridSkeleton,TableSkeleton,FormSkeleton,ProfileSkeleton. Improve animation with shimmer effect. Match actual content dimensions.Acceptance criteria:
Technical context:
src/components/shared/loading-skeleton.tsx— existing LoadingSkeleton.src/components/ui/skeleton.tsx— Skeleton component.