Scroll Reveal Libraries
freshtechbro/claudedesignskills/.factory/skills/scroll-reveal-librariesby freshtechbro1da73febff0c3e1dfefc07f8a5ef8f7d1dfdb6cdNo license1K starsListed Oct 9, 2026Updated Oct 9, 2026Repository updated 10 months ago
Simple scroll-triggered reveal animations using AOS (Animate On Scroll). Use this skill when building marketing pages, landing pages, or content-heavy sites requiring basic fade/slide effects without complex animation orchestration. Triggers on tasks involving scroll animations, scroll-triggered reveals, AOS, simple animations, or basic scroll effects. Alternative to GSAP ScrollTrigger and Locomotive Scroll for simpler use cases. Compare with motion-framer for React-specific animations.
Only the file list is public. File contents are available once the skill is installed in a workspace.
| Path | Size | Type |
|---|---|---|
| assets/README.md | 17.4 KB | text/markdown |
| references/animation_catalog.md | 12.3 KB | text/markdown |
| references/aos_api.md | 14.2 KB | text/markdown |
| scripts/aos_generator.py | 21.2 KB | text/plain |
| scripts/config_builder.py | 12.4 KB | text/plain |
| SKILL.md | 16.7 KB | text/markdown |
Source and attribution
Source:freshtechbro/claudedesignskillsin.factory/skills/scroll-reveal-librariesat commit1da73fe
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from freshtechbro/claudedesignskills
Web3d Integration Patterns
freshtechbro
Architecture patterns for combining Three.js, GSAP, React Three Fiber, Motion and React Spring in 3D web apps.
Threejs Webgl
freshtechbro
Guides Three.js WebGL/WebGPU development for interactive 3D web scenes, with reference docs and a starter scene.
Substance 3d Texturing
freshtechbro
Guides PBR texture creation and export from Substance 3D Painter for web and real-time engines, with Python batch automation.
Scroll Reveal Libraries
freshtechbro
Guides use of the AOS library for simple scroll-triggered reveal animations on web pages.
Rive Interactive
freshtechbro
Guides building interactive Rive vector animations in React using state machines, inputs, ViewModels and events.
Pixijs 2d
freshtechbro
Guides building high-performance 2D graphics, particle effects, and interactive canvases with the PixiJS WebGL/WebGPU engine.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Web Design Guidelines
vercel-labs
Reviews UI code against Web Interface Guidelines fetched from a remote source and reports findings as file:line entries.
Vercel React Native Skills
vercel-labs
React Native and Expo best-practice rules covering list performance, animation, navigation, UI patterns, state, and monorepo setup.
Vercel React Best Practices
vercel-labs
Vercel's React and Next.js performance guidelines, organized as 70 rules for writing, reviewing, and refactoring code.