Home / johnpolacek / animaxxing-skills · skills/gsap-astro/SKILL.md · GitHub

gsap-astro skillA

Name: gsap-astro
Author: johnpolacek

gsap-astro is agent-read markdown (skill) from johnpolacek/animaxxing-skills: Build or review Astro animation: GSAP page transitions, ClientRouter swap hooks, persisted islands, repeated setup, and cleanup. Use for missing or duplicated motion after navigation and choosing transition:animate versus GSAP. Without ClientRouter, use gsap-vanilla. Also covers hidden-content recovery and first-load performance. Not for standalone island frameworks or isolated GSAP API questions..

Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified against the hash recorded here before it reaches your agent. The deterministic audit below grades the latest version, and the same file always earns the same grade.

What the file says

# GSAP Astro

**mount → initial state → intro → settled → outro → end state → unmount**

Without `<ClientRouter />`, use `gsap-vanilla` for full document loads. With it, mount and unmount correspond to body swaps; module scripts, global listeners, timelines, and persisted elements can survive. Animation owns the five phases between swaps.

Keep the requested look and existing project conventions. Add GSAP/plugins only as needed; do not replace the chosen animation library unless asked.

## Start with the project

Read repository instructions, existing animation, layouts, navigation, CSS, accessibility conventions, and checks. Then:

1. Read the installed Astro version. Read `node_modules/astro/dist/transitions/router.js`, `swap-functions.js`, and `node_modules/astro/components/ClientRouter.astro` before trusting memory; the package ships no changelog, so check the release notes for that version. Version gates: `<ClientRouter />` (5.0; `<ViewTransitions />` in 4.x, removed in 6.0), lifecycle events with `loader` and `newDocument` (3.6), form navigation (4.0), `transition:persist-props` and `data-astro-rerun` (4.5), `swapFunctions` (4.15).
…

Read the whole file at its exact version.

How to install

Latest version

mdr add johnpolacek/animaxxing-skills/gsap-astro@git:20260923.78d3c79

Exact content

mdr add johnpolacek/animaxxing-skills/gsap-astro@sha256:6527c72b5d94ab35

Pin to a label to follow the author's releases, or to a sha256 to freeze the exact bytes forever. Either way the resolved hash is written to mdr.lock, and mdr install reproduces it on any machine.

Badge

[![mdr](https://markdownregistry.com/badge/art_72pi74ywy3xc3eae.svg)](https://markdownregistry.com/a/art_72pi74ywy3xc3eae)

0 badge views in 30 days

Versions

version	committed	commit	size	audit
git:20260923.78d3c79 latest	2026-09-23	78d3c79	6,737 B	A	view · diff
git:20260915.b467e47	2026-09-15	b467e47	6,316 B	A	view · diff
git:20260912.adea25f	2026-09-12	adea25f	6,070 B	A	view · diff
git:20260908.0f6ec59	2026-09-08	0f6ec59	5,589 B	A	view · diff
git:20260904.e570d6a	2026-09-04	e570d6a	9,111 B	A	view

Audit of the latest version

A 17 of 17 checks passed. Deterministic, no model, same answer every run.

pass: Frontmatter block present
pass: Frontmatter declares a name
pass: Frontmatter declares a description
pass: Size between 200 bytes and 200 KB (6737 bytes)
pass: No zero-width or bidi control characters
pass: No instruction hidden inside an HTML comment
pass: No link to an exfiltration or paste host
pass: No credential-shaped string
pass: No instruction to send local credentials anywhere
pass: No text hidden with inline styles
pass: No prompt-injection phrasing
pass: No curl or wget piped into a shell
pass: No recursive delete of root, home or parent
pass: No instruction to read or print local credentials
pass: No base64 blob over 200 characters
pass: No link to a raw IP address
pass: No script tag

Source

GitHub

johnpolacek/animaxxing-skills · 7 stars · license MIT · pushed 2026-09-24 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_72pi74ywy3xc3eae
GET https://markdownregistry.com/api/v1/resolve?ref=johnpolacek/animaxxing-skills/gsap-astro
GET https://markdownregistry.com/api/v1/blob/6527c72b5d94ab35939e182fe1ee7d8ff756c563d251cc4bed845c8b9ca06537

Your agent does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

More from johnpolacek/animaxxing-skills

AGENTS.md agents

johnpolacek/animaxxing-skills · AGENTS.md

git:20260915.b467e47 · audit A · 7 stars

CLAUDE.md claude

johnpolacek/animaxxing-skills · CLAUDE.md

git:20260915.b467e47 · audit A · 7 stars

animaxxing-webgl skill

johnpolacek/animaxxing-skills · skills/animaxxing-webgl/SKILL.md · Add GSAP-driven WebGL effects to existing images without restyling: DOM-synced image planes that track each img through…

git:20260924.f6d9290 · audit A · 7 stars

animaxxing skill

johnpolacek/animaxxing-skills · skills/animaxxing/SKILL.md · Build GSAP text, scroll, pointer, SVG, layout, media, component, and particle effects without restyling: split-text…

git:20260924.c6ef8bc · audit A · 7 stars

gsap-nextjs skill

johnpolacek/animaxxing-skills · skills/gsap-nextjs/SKILL.md · Build or review Next.js App Router animation: GSAP page transitions, component enter/exit, scroll effects, interrupted…