scroll-fx
Add scroll-triggered reveals and parallax effects. Uses IntersectionObserver for reveals and CSS scroll-driven animations for parallax.
Works with
Agent Skills format with YAML frontmatter. Claude Code reads it as-is.
--- name: "scroll-fx" description: "Add scroll-triggered reveals and parallax effects. Uses IntersectionObserver for reveals and CSS scroll-driven animations for parallax." license: "Apache-2.0" --- # /scroll-fx — Scroll Effects Add scroll-based effects: **Reveal on scroll:** Elements fade in and translate up 20-30px as they enter the viewport. - Use IntersectionObserver with threshold: 0.1 - Stagger siblings with 80-120ms delays - One-shot (don't re-hide on scroll up) **Parallax:** Background layers move at different rates. - Use CSS scroll-driven animations where supported - Fall back to transform: translateY with scroll listeners - Keep subtle (0.1-0.3 rate difference) Always respect prefers-reduced-motion.
More General & Other skills
find-skills
vercel-labs/skills
Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skill should be used when the user is looking for functionality that might exist as an installable skill.
grill-me
mattpocock/skills
A relentless interview to sharpen a plan or design.
grill-with-docs
mattpocock/skills
A relentless interview to sharpen a plan or design, which also creates docs (ADR's and glossary) as we go.
