async-page-transitions
Async Page Transitions with GSAP
A premium page transition system inspired by Aristide Benoist's Watson website and the Codrops tutorial by Valentin Mor.
The core innovation: both the current and next page coexist in the DOM simultaneously, enabling true crossfade/overlay transitions impossible with simple CSS transitions.
When to use this
- Adding route transitions to an SPA
- Building a portfolio, agency site, or editorial site that needs cinematic navigation
- Any request for "smooth page transitions", "page reveals", "crossfade between routes"
- Upgrading a basic router with visual transitions
- Building marketing/landing pages with premium feel
Architecture Overview
[Click link] → intercept → clone container → inject next page HTML
→ both pages coexist in DOM → run GSAP transition animation
More from michailbul/laniameda-skills
notion-sync
>
14instagram-extract
Extract text, links, and key takeaways from Instagram/Threads posts (especially carousels) and LinkedIn posts using an already-logged-in Brave/Chrome tab via OpenClaw Browser Relay. Use when the user pastes an Instagram/Threads/LinkedIn URL (or forwards screenshots) and asks something generic like “save it”, “capture this”, “summarize and store”, or “put this in the vault” — you should decide what’s worth saving, classify it into the right pillar, save it to the local KB and/or ingest prompts via the laniameda-kb skill, and also emit a compact JSON payload into a media-agent inbox file for downstream reuse.
12carousel-designer
>
11andromeda-messages
>
10deepgram-transcribe
>
10repo-kanban-pm
Install and enforce a lightweight product-management workflow inside a code repo: feature-as-kanban boards, ROADMAP status tracking, branch/PR conventions, and an optional daily OpenClaw cron PM review. Use this skill when (1) starting work in a NEW repository/project that does not yet have a ROADMAP+feature-KANBAN system, (2) you are delegated to spin up a new project and want multi-agent coordination from day one, or (3) you are asked to fix/restructure an existing repo and introduce an organized backlog/feature tracking system. Also use when adding a daily PM audit loop (cron) to keep code + docs + PRs in sync.
10