transition
CommunitySeamless page transitions with WebGL.
AuthorBamoJ
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill streamlines the creation of visually engaging and smooth page-to-page transitions, enhancing user experience in Single Page Applications.
Core Features & Use Cases
- SPA Routing Integration: Works with Taxi.js for efficient page navigation.
- Smooth Scrolling: Integrates Lenis for buttery-smooth scroll effects.
- WebGL Transitions: Enables complex, animated WebGL mesh transitions between pages for a polished look.
- Use Case: Implementing a website where clicking a thumbnail image smoothly animates it to fill the next page's hero section, with a custom shader effect.
Quick Start
Use the transition skill to create a default fade-in/fade-out transition between pages.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: transition Download link: https://github.com/BamoJ/playfight-2k26/archive/main.zip#transition Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.