zsp/everything-claude-code
1
0
Fork 0
mirror of https://github.com/affaan-m/everything-claude-code.git synced 2026-06-11 02:33:10 +08:00
Code Issues Packages Projects Releases Wiki Activity

Update SKILL.md

Browse Source
This commit is contained in:
Jeff
2026-05-12 10:33:12 +05:30
committed by GitHub
parent 546a53dc30
commit d7db8c8c83
1 changed files with 19 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
skills/motion-advanced/SKILL.md
View File

@@ -365,14 +365,27 @@ export function CursorFollower() {
"use client"
import { motion } from "motion/react"
export function ShimmerSkeleton({ className }: { className?: string }) {
return (
<div className={`relative overflow-hidden bg-gray-200 rounded ${className}`}>
<motion.div
className="absolute inset-0 bg-gradient-to-r from-transparent via-white/60 to-transparent"
export function ShimmerSkeleton({ className }: { className?: string }) {
const controls = useAnimation()
useEffect(() => {
const run = () =>
controls.start({ x: ["-100%", "100%"], transition: { repeat: Infinity, duration: 1.2, ease: "linear" } })
const onVis = () => (document.visibilityState === "hidden" ? controls.stop() : run())
run()
document.addEventListener("visibilitychange", onVis)
return () => document.removeEventListener("visibilitychange", onVis)
}, [controls])
return (
<div className={`relative overflow-hidden bg-gray-200 rounded ${className}`}>
<motion.div
className="absolute inset-0 bg-gradient-to-r from-transparent via-white/60 to-transparent"
animate={{ x: ["-100%", "100%"] }}
transition={{ repeat: Infinity, duration: 1.2, ease: "linear" }}
/>
animate={controls}
/>
</div>
)
}
</div>
)
}