johnpolacek/animaxxing-skills

{   "$schema": "https://anthropic.com/claude-code/marketplace.schema.json",

"$schema": "https://anthropic.com/claude-code/marketplace.schema.json",

},       "source": "./",       "homepage": "https://github.com/johnpolacek/animaxxing-skills#readme",

"source": "./",       "homepage": "https://github.com/johnpolacek/animaxxing-skills#readme",       "repository": "https://github.com/johnpolacek/animaxxing-skills",

"homepage": "https://github.com/johnpolacek/animaxxing-skills#readme",

"repository": "https://github.com/johnpolacek/animaxxing-skills",

{   "$schema": "https://json.schemastore.org/claude-code-plugin-manifest.json",

"$schema": "https://json.schemastore.org/claude-code-plugin-manifest.json",

"author": {     "name": "John Polacek",     "url": "https://github.com/johnpolacek"

"name": "John Polacek",     "url": "https://github.com/johnpolacek"   },

"url": "https://github.com/johnpolacek"

},   "homepage": "https://github.com/johnpolacek/animaxxing-skills#readme",   "repository": "https://github.com/johnpolacek/animaxxing-skills",

"homepage": "https://github.com/johnpolacek/animaxxing-skills#readme",

"repository": "https://github.com/johnpolacek/animaxxing-skills",

The recipes use [OGL](https://github.com/oframe/ogl) 1.x. Measured with esbuild for the classes these recipes use (renderer, program, mesh, plane geometry, texture, scene), minified and gzipped: OGL 1.0.11 is 14.5 KB, three.js r186 is 133 K

The recipes use [OGL](https://github.com/oframe/ogl) 1.x. Measured with esbuild for the classes these recipes use (renderer, program, mesh, plane geometry, texture, scene), minified and gzipped: OGL 1.0.11 is 14.5 KB, three.js r186 is 133 K

Automated suite: `motion/` in [animaxxing-skills-test](https://github.com/johnpolacek/animaxxing-skills-test) type-checks every recipe straight from this skill and runs `motion/tests/webgl.spec.ts` and `motion/tests/webgl-views.spec.ts` aga

Automated suite: `motion/` in [animaxxing-skills-test](https://github.com/johnpolacek/animaxxing-skills-test) type-checks every recipe straight from this skill and runs `motion/tests/webgl.spec.ts` and `motion/tests/webgl-views.spec.ts` aga

- Killing a parent timeline never reaches a nested builder's interrupt callback. Kill the parent, then call each builder's revert, such as `revertText` for split runners. - One effect per target: two owners must never write one element's tr

- One effect per target: two owners must never write one element's transform. Stop pointer and ambient effects before an outro moves their target. - Ambient effects expose controls so the owner can pause them off screen and stop them on exi

- Ambient effects expose controls so the owner can pause them off screen and stop them on exit. Loops past five seconds need a user-facing pause ([WCAG 2.2.2](https://www.w3.org/WAI/WCAG22/Understanding/pause-stop-hide)).

A brand curve belongs to the app, not to a recipe. Register it once with [CustomEase](https://gsap.com/docs/v3/Eases/CustomEase/) (free since GSAP 3.13), in the client module that registers plugins, before any builder runs:

Drift is ambient motion that runs past five seconds, so wire `pause` and `play` to a visible control ([WCAG 2.2.2](https://www.w3.org/WAI/WCAG22/Understanding/pause-stop-hide)). It also holds while the mouse is over the loop, while focus is

context.putImageData(image, 0, 0);   const grain = canvas.toDataURL();   const svg = "http://www.w3.org/2000/svg";

const grain = canvas.toDataURL();   const svg = "http://www.w3.org/2000/svg";   const defs = document.createElementNS(svg, "svg");

const svg = "http://www.w3.org/2000/svg";

const lineHeight = parseFloat(style.lineHeight) || parseFloat(style.fontSize) * 1.2;   const lines = Math.max(1, Math.round(target.getBoundingClientRect().height / lineHeight));   const svg = "http://www.w3.org/2000/svg";

const lines = Math.max(1, Math.round(target.getBoundingClientRect().height / lineHeight));   const svg = "http://www.w3.org/2000/svg";   const defs = document.createElementNS(svg, "svg");

const svg = "http://www.w3.org/2000/svg";

The flap's shading is a gradient of the back color toward a little black, so the fold reads as a curl in light; pass a `back` from the palette. The sheet's content never changes; only its clip does. Reduced motion: drags still follow the ha

- A cue that is not loaded yet is dropped, never played late. - Keep cues under half a second, quieter than speech, and in a compressed format such as `.webm` with an `.mp3` fallback chosen by the app. - Beds (`ambient`) loop, so the toggle

- Keep cues under half a second, quieter than speech, and in a compressed format such as `.webm` with an `.mp3` fallback chosen by the app. - Beds (`ambient`) loop, so the toggle is their pause control ([WCAG 1.4.2](https://www.w3.org/WAI/W

- Beds (`ambient`) loop, so the toggle is their pause control ([WCAG 1.4.2](https://www.w3.org/WAI/WCAG22/Understanding/audio-control)).

const ctx = context;       for (const [name, url] of Object.entries(sources)) {         fetch(url, { signal: loads.signal })

for (const [name, url] of Object.entries(sources)) {         fetch(url, { signal: loads.signal })           .then((response) => (response.ok ? response.arrayBuffer() : Promise.reject(new Error(url))))

fetch(url, { signal: loads.signal })

Jumps are stepped, twelve a second, and shrink as the text settles (or grow as it leaves). They move ink sideways; nothing blinks. Only `ghost` shows and hides anything, once each way, so a run stays well under three flashes a second ([WCAG

Read before any recipe that splits characters, especially `charsRiseIn`. Character wrappers interrupt browser kerning ([GSAP's Tips & Limitations](https://gsap.com/docs/v3/Plugins/SplitText/#tips--limitations)), so `split.revert()` restores

Automated suite: `motion/` in [animaxxing-skills-test](https://github.com/johnpolacek/animaxxing-skills-test) type-checks every recipe straight from this skill and runs its checks in Chromium (`pnpm test:motion`). Run it after changing any 

Reference demo: [Animaxxing](https://github.com/johnpolacek/animaxxing) exercises the recipes with `style-animaxxing`, which is not a required design. Check visual quality there or in the consuming app, alongside the framework skill's check

Install the [official GSAP skills](https://github.com/greensock/gsap-skills) alongside this repository. Load `gsap-core` for API details and `gsap-frameworks` for component setup only as needed.

Install the [official GSAP skills](https://github.com/greensock/gsap-skills) alongside this repository. Load `gsap-core` for API details and `gsap-frameworks` for component setup only as needed.

- The app origin differs by OS. Tauri 2 serves `tauri://localhost` on macOS and Linux, and `http://tauri.localhost` on Windows and Android, or `https://` with `useHttpsScheme`.

- The app origin differs by OS. Tauri 2 serves `tauri://localhost` on macOS and Linux, and `http://tauri.localhost` on Windows and Android, or `https://` with `useHttpsScheme`.

- Build local file URLs with `convertFileSrc`, never by hand. It returns `asset://localhost/…` on macOS and Linux and `http://asset.localhost/…` on Windows and Android.

- Build local file URLs with `convertFileSrc`, never by hand. It returns `asset://localhost/…` on macOS and Linux and `http://asset.localhost/…` on Windows and Android.

Google renders JavaScript and uses rendered HTML for indexing. An automatic intro does not inherently prevent indexing; that is an inference from Google's rendering model, not a guarantee for a particular page. Check rendered output when in

Google renders JavaScript and uses rendered HTML for indexing. An automatic intro does not inherently prevent indexing; that is an inference from Google's rendering model, not a guarantee for a particular page. Check rendered output when in

Do not require a click, scroll, or hover to load primary indexable content. Keep primary hero media eagerly discoverable; reserve lazy loading for appropriate offscreen content. See [Google's lazy-loading guidance](https://developers.google

Do not require a click, scroll, or hover to load primary indexable content. Keep primary hero media eagerly discoverable; reserve lazy loading for appropriate offscreen content. See [Google's lazy-loading guidance](https://developers.google

Initially hidden primary content can delay Largest Contentful Paint. LCP concerns eligible visible content painted in the viewport, not the end of a GSAP timeline. A heading or hero may become a candidate before the remaining stagger, foote

Initially hidden primary content can delay Largest Contentful Paint. LCP concerns eligible visible content painted in the viewport, not the end of a GSAP timeline. A heading or hero may become a candidate before the remaining stagger, foote

Measure cold first loads separately from client-side transitions. Record the LCP element and timestamp, resource timing, layout shift, and a filmstrip under representative network/CPU conditions. Compare normal and reduced motion; use field

Measure cold first loads separately from client-side transitions. Record the LCP element and timestamp, resource timing, layout shift, and a filmstrip under representative network/CPU conditions. Compare normal and reduced motion; use field

- For character splits, keep scoped `font-kerning: none; text-rendering: optimizeSpeed` before, during, and after revert, including reduced motion. Wrappers disrupt kerning and can cause horizontal snapping; use words/lines if natural kerni

- For character splits, keep scoped `font-kerning: none; text-rendering: optimizeSpeed` before, during, and after revert, including reduced motion. Wrappers disrupt kerning and can cause horizontal snapping; use words/lines if natural kerni

Install the [official GSAP skills](https://github.com/greensock/gsap-skills) alongside this repository. Load `gsap-core` for API details and `gsap-react` for component setup only as needed.

Install the [official GSAP skills](https://github.com/greensock/gsap-skills) alongside this repository. Load `gsap-core` for API details and `gsap-react` for component setup only as needed.

- The app origin differs by OS. Tauri 2 serves `tauri://localhost` on macOS and Linux, and `http://tauri.localhost` on Windows and Android, or `https://` with `useHttpsScheme`.

- The app origin differs by OS. Tauri 2 serves `tauri://localhost` on macOS and Linux, and `http://tauri.localhost` on Windows and Android, or `https://` with `useHttpsScheme`.

- Build local file URLs with `convertFileSrc`, never by hand. It returns `asset://localhost/…` on macOS and Linux and `http://asset.localhost/…` on Windows and Android.

- Build local file URLs with `convertFileSrc`, never by hand. It returns `asset://localhost/…` on macOS and Linux and `http://asset.localhost/…` on Windows and Android.

Google renders JavaScript and uses rendered HTML for indexing. An automatic intro does not inherently prevent indexing; that is an inference from Google's rendering model, not a guarantee for a particular page. Check rendered output when in

Google renders JavaScript and uses rendered HTML for indexing. An automatic intro does not inherently prevent indexing; that is an inference from Google's rendering model, not a guarantee for a particular page. Check rendered output when in

Do not require a click, scroll, or hover to load primary indexable content. Keep primary hero media eagerly discoverable; reserve lazy loading for appropriate offscreen content. See [Google's lazy-loading guidance](https://developers.google

Do not require a click, scroll, or hover to load primary indexable content. Keep primary hero media eagerly discoverable; reserve lazy loading for appropriate offscreen content. See [Google's lazy-loading guidance](https://developers.google

Initially hidden primary content can delay Largest Contentful Paint. LCP concerns eligible visible content painted in the viewport, not the end of a GSAP timeline. A heading or hero may become a candidate before the remaining stagger, foote

Initially hidden primary content can delay Largest Contentful Paint. LCP concerns eligible visible content painted in the viewport, not the end of a GSAP timeline. A heading or hero may become a candidate before the remaining stagger, foote

Measure cold first loads separately from client-side transitions. Record the LCP element and timestamp, resource timing, layout shift, and a filmstrip under representative network/CPU conditions. Compare normal and reduced motion; use field

Measure cold first loads separately from client-side transitions. Record the LCP element and timestamp, resource timing, layout shift, and a filmstrip under representative network/CPU conditions. Compare normal and reduced motion; use field

- For character splits, keep scoped `font-kerning: none; text-rendering: optimizeSpeed` before, during, and after revert, including reduced motion. Wrappers disrupt kerning and can cause horizontal snapping; use words/lines if natural kerni

- For character splits, keep scoped `font-kerning: none; text-rendering: optimizeSpeed` before, during, and after revert, including reduced motion. Wrappers disrupt kerning and can cause horizontal snapping; use words/lines if natural kerni

Install the [official GSAP skills](https://github.com/greensock/gsap-skills) alongside this repository. Load `gsap-core` for API details and `gsap-frameworks` for component setup only as needed.

Install the [official GSAP skills](https://github.com/greensock/gsap-skills) alongside this repository. Load `gsap-core` for API details and `gsap-frameworks` for component setup only as needed.

- The app origin differs by OS. Tauri 2 serves `tauri://localhost` on macOS and Linux, and `http://tauri.localhost` on Windows and Android, or `https://` with `useHttpsScheme`.

- The app origin differs by OS. Tauri 2 serves `tauri://localhost` on macOS and Linux, and `http://tauri.localhost` on Windows and Android, or `https://` with `useHttpsScheme`.

- Build local file URLs with `convertFileSrc`, never by hand. It returns `asset://localhost/…` on macOS and Linux and `http://asset.localhost/…` on Windows and Android.

- Build local file URLs with `convertFileSrc`, never by hand. It returns `asset://localhost/…` on macOS and Linux and `http://asset.localhost/…` on Windows and Android.

Google renders JavaScript and uses rendered HTML for indexing. An automatic intro does not inherently prevent indexing; that is an inference from Google's rendering model, not a guarantee for a particular page. Check rendered output when in

Google renders JavaScript and uses rendered HTML for indexing. An automatic intro does not inherently prevent indexing; that is an inference from Google's rendering model, not a guarantee for a particular page. Check rendered output when in

Do not require a click, scroll, or hover to load primary indexable content. Keep primary hero media eagerly discoverable; reserve lazy loading for appropriate offscreen content. See [Google's lazy-loading guidance](https://developers.google

Do not require a click, scroll, or hover to load primary indexable content. Keep primary hero media eagerly discoverable; reserve lazy loading for appropriate offscreen content. See [Google's lazy-loading guidance](https://developers.google

Initially hidden primary content can delay Largest Contentful Paint. LCP concerns eligible visible content painted in the viewport, not the end of a GSAP timeline. A heading or hero may become a candidate before the remaining stagger, foote

Initially hidden primary content can delay Largest Contentful Paint. LCP concerns eligible visible content painted in the viewport, not the end of a GSAP timeline. A heading or hero may become a candidate before the remaining stagger, foote

Measure cold first loads separately from client-side transitions. Record the LCP element and timestamp, resource timing, layout shift, and a filmstrip under representative network/CPU conditions. Compare normal and reduced motion; use field

Measure cold first loads separately from client-side transitions. Record the LCP element and timestamp, resource timing, layout shift, and a filmstrip under representative network/CPU conditions. Compare normal and reduced motion; use field

- For character splits, keep scoped `font-kerning: none; text-rendering: optimizeSpeed` before, during, and after revert, including reduced motion. Wrappers disrupt kerning and can cause horizontal snapping; use words/lines if natural kerni

- For character splits, keep scoped `font-kerning: none; text-rendering: optimizeSpeed` before, during, and after revert, including reduced motion. Wrappers disrupt kerning and can cause horizontal snapping; use words/lines if natural kerni

Install the [official GSAP skills](https://github.com/greensock/gsap-skills) alongside this repository. Load `gsap-core` for API details and `gsap-react` for component setup only as needed.

Install the [official GSAP skills](https://github.com/greensock/gsap-skills) alongside this repository. Load `gsap-core` for API details and `gsap-react` for component setup only as needed.

- The app origin differs by OS. Tauri 2 serves `tauri://localhost` on macOS and Linux, and `http://tauri.localhost` on Windows and Android, or `https://` with `useHttpsScheme`.

- The app origin differs by OS. Tauri 2 serves `tauri://localhost` on macOS and Linux, and `http://tauri.localhost` on Windows and Android, or `https://` with `useHttpsScheme`.

- Build local file URLs with `convertFileSrc`, never by hand. It returns `asset://localhost/…` on macOS and Linux and `http://asset.localhost/…` on Windows and Android.

- Build local file URLs with `convertFileSrc`, never by hand. It returns `asset://localhost/…` on macOS and Linux and `http://asset.localhost/…` on Windows and Android.

Google renders JavaScript and uses rendered HTML for indexing. An automatic intro does not inherently prevent indexing; that is an inference from Google's rendering model, not a guarantee for a particular page. Check rendered output when in

Google renders JavaScript and uses rendered HTML for indexing. An automatic intro does not inherently prevent indexing; that is an inference from Google's rendering model, not a guarantee for a particular page. Check rendered output when in

Do not require a click, scroll, or hover to load primary indexable content. Keep primary hero media eagerly discoverable; reserve lazy loading for appropriate offscreen content. See [Google's lazy-loading guidance](https://developers.google

Do not require a click, scroll, or hover to load primary indexable content. Keep primary hero media eagerly discoverable; reserve lazy loading for appropriate offscreen content. See [Google's lazy-loading guidance](https://developers.google

Initially hidden primary content can delay Largest Contentful Paint. LCP concerns eligible visible content painted in the viewport, not the end of a GSAP timeline. A heading or hero may become a candidate before the remaining stagger, foote

Initially hidden primary content can delay Largest Contentful Paint. LCP concerns eligible visible content painted in the viewport, not the end of a GSAP timeline. A heading or hero may become a candidate before the remaining stagger, foote

Measure cold first loads separately from client-side transitions. Record the LCP element and timestamp, resource timing, layout shift, and a filmstrip under representative network/CPU conditions. Compare normal and reduced motion; use field

Measure cold first loads separately from client-side transitions. Record the LCP element and timestamp, resource timing, layout shift, and a filmstrip under representative network/CPU conditions. Compare normal and reduced motion; use field

- For character splits, keep scoped `font-kerning: none; text-rendering: optimizeSpeed` before, during, and after revert, including reduced motion. Wrappers disrupt kerning and can cause horizontal snapping; use words/lines if natural kerni

- For character splits, keep scoped `font-kerning: none; text-rendering: optimizeSpeed` before, during, and after revert, including reduced motion. Wrappers disrupt kerning and can cause horizontal snapping; use words/lines if natural kerni

Install the [official GSAP skills](https://github.com/greensock/gsap-skills) alongside this repository. Load `gsap-core` for API details and `gsap-frameworks` for component setup only as needed.

Install the [official GSAP skills](https://github.com/greensock/gsap-skills) alongside this repository. Load `gsap-core` for API details and `gsap-frameworks` for component setup only as needed.

- The app origin differs by OS. Tauri 2 serves `tauri://localhost` on macOS and Linux, and `http://tauri.localhost` on Windows and Android, or `https://` with `useHttpsScheme`.

- The app origin differs by OS. Tauri 2 serves `tauri://localhost` on macOS and Linux, and `http://tauri.localhost` on Windows and Android, or `https://` with `useHttpsScheme`.

- Build local file URLs with `convertFileSrc`, never by hand. It returns `asset://localhost/…` on macOS and Linux and `http://asset.localhost/…` on Windows and Android.

- Build local file URLs with `convertFileSrc`, never by hand. It returns `asset://localhost/…` on macOS and Linux and `http://asset.localhost/…` on Windows and Android.

Google renders JavaScript and uses rendered HTML for indexing. An automatic intro does not inherently prevent indexing; that is an inference from Google's rendering model, not a guarantee for a particular page. Check rendered output when in

Google renders JavaScript and uses rendered HTML for indexing. An automatic intro does not inherently prevent indexing; that is an inference from Google's rendering model, not a guarantee for a particular page. Check rendered output when in

Do not require a click, scroll, or hover to load primary indexable content. Keep primary hero media eagerly discoverable; reserve lazy loading for appropriate offscreen content. See [Google's lazy-loading guidance](https://developers.google

Do not require a click, scroll, or hover to load primary indexable content. Keep primary hero media eagerly discoverable; reserve lazy loading for appropriate offscreen content. See [Google's lazy-loading guidance](https://developers.google

Initially hidden primary content can delay Largest Contentful Paint. LCP concerns eligible visible content painted in the viewport, not the end of a GSAP timeline. A heading or hero may become a candidate before the remaining stagger, foote

Initially hidden primary content can delay Largest Contentful Paint. LCP concerns eligible visible content painted in the viewport, not the end of a GSAP timeline. A heading or hero may become a candidate before the remaining stagger, foote

Measure cold first loads separately from client-side transitions. Record the LCP element and timestamp, resource timing, layout shift, and a filmstrip under representative network/CPU conditions. Compare normal and reduced motion; use field

Measure cold first loads separately from client-side transitions. Record the LCP element and timestamp, resource timing, layout shift, and a filmstrip under representative network/CPU conditions. Compare normal and reduced motion; use field

- For character splits, keep scoped `font-kerning: none; text-rendering: optimizeSpeed` before, during, and after revert, including reduced motion. Wrappers disrupt kerning and can cause horizontal snapping; use words/lines if natural kerni

- For character splits, keep scoped `font-kerning: none; text-rendering: optimizeSpeed` before, during, and after revert, including reduced motion. Wrappers disrupt kerning and can cause horizontal snapping; use words/lines if natural kerni

Install the [official GSAP skills](https://github.com/greensock/gsap-skills) alongside this repository. Load `gsap-core` for API details and `gsap-react` for component setup only as needed.

Install the [official GSAP skills](https://github.com/greensock/gsap-skills) alongside this repository. Load `gsap-core` for API details and `gsap-react` for component setup only as needed.

- The app origin differs by OS. Tauri 2 serves `tauri://localhost` on macOS and Linux, and `http://tauri.localhost` on Windows and Android, or `https://` with `useHttpsScheme`.

- The app origin differs by OS. Tauri 2 serves `tauri://localhost` on macOS and Linux, and `http://tauri.localhost` on Windows and Android, or `https://` with `useHttpsScheme`.

- Build local file URLs with `convertFileSrc`, never by hand. It returns `asset://localhost/…` on macOS and Linux and `http://asset.localhost/…` on Windows and Android.

- Build local file URLs with `convertFileSrc`, never by hand. It returns `asset://localhost/…` on macOS and Linux and `http://asset.localhost/…` on Windows and Android.

Google renders JavaScript and uses rendered HTML for indexing. An automatic intro does not inherently prevent indexing; that is an inference from Google's rendering model, not a guarantee for a particular page. Check rendered output when in

Google renders JavaScript and uses rendered HTML for indexing. An automatic intro does not inherently prevent indexing; that is an inference from Google's rendering model, not a guarantee for a particular page. Check rendered output when in

Do not require a click, scroll, or hover to load primary indexable content. Keep primary hero media eagerly discoverable; reserve lazy loading for appropriate offscreen content. See [Google's lazy-loading guidance](https://developers.google

Do not require a click, scroll, or hover to load primary indexable content. Keep primary hero media eagerly discoverable; reserve lazy loading for appropriate offscreen content. See [Google's lazy-loading guidance](https://developers.google

Initially hidden primary content can delay Largest Contentful Paint. LCP concerns eligible visible content painted in the viewport, not the end of a GSAP timeline. A heading or hero may become a candidate before the remaining stagger, foote

Initially hidden primary content can delay Largest Contentful Paint. LCP concerns eligible visible content painted in the viewport, not the end of a GSAP timeline. A heading or hero may become a candidate before the remaining stagger, foote

Measure cold first loads separately from client-side transitions. Record the LCP element and timestamp, resource timing, layout shift, and a filmstrip under representative network/CPU conditions. Compare normal and reduced motion; use field

Measure cold first loads separately from client-side transitions. Record the LCP element and timestamp, resource timing, layout shift, and a filmstrip under representative network/CPU conditions. Compare normal and reduced motion; use field

- For character splits, keep scoped `font-kerning: none; text-rendering: optimizeSpeed` before, during, and after revert, including reduced motion. Wrappers disrupt kerning and can cause horizontal snapping; use words/lines if natural kerni

- For character splits, keep scoped `font-kerning: none; text-rendering: optimizeSpeed` before, during, and after revert, including reduced motion. Wrappers disrupt kerning and can cause horizontal snapping; use words/lines if natural kerni

Install the [official GSAP skills](https://github.com/greensock/gsap-skills) alongside this repository. Load `gsap-core` for API details and the relevant plugin skill only as needed.

Install the [official GSAP skills](https://github.com/greensock/gsap-skills) alongside this repository. Load `gsap-core` for API details and the relevant plugin skill only as needed.

- The app origin differs by OS. Tauri 2 serves `tauri://localhost` on macOS and Linux, and `http://tauri.localhost` on Windows and Android, or `https://` with `useHttpsScheme`.

- The app origin differs by OS. Tauri 2 serves `tauri://localhost` on macOS and Linux, and `http://tauri.localhost` on Windows and Android, or `https://` with `useHttpsScheme`.

- Build local file URLs with `convertFileSrc`, never by hand. It returns `asset://localhost/…` on macOS and Linux and `http://asset.localhost/…` on Windows and Android.

- Build local file URLs with `convertFileSrc`, never by hand. It returns `asset://localhost/…` on macOS and Linux and `http://asset.localhost/…` on Windows and Android.

Google renders JavaScript and uses rendered HTML for indexing. An automatic intro does not inherently prevent indexing; that is an inference from Google's rendering model, not a guarantee for a particular page. Check rendered output when in

Google renders JavaScript and uses rendered HTML for indexing. An automatic intro does not inherently prevent indexing; that is an inference from Google's rendering model, not a guarantee for a particular page. Check rendered output when in

Do not require a click, scroll, or hover to load primary indexable content. Keep primary hero media eagerly discoverable; reserve lazy loading for appropriate offscreen content. See [Google's lazy-loading guidance](https://developers.google

Do not require a click, scroll, or hover to load primary indexable content. Keep primary hero media eagerly discoverable; reserve lazy loading for appropriate offscreen content. See [Google's lazy-loading guidance](https://developers.google

Initially hidden primary content can delay Largest Contentful Paint. LCP concerns eligible visible content painted in the viewport, not the end of a GSAP timeline. A heading or hero may become a candidate before the remaining stagger, foote

Initially hidden primary content can delay Largest Contentful Paint. LCP concerns eligible visible content painted in the viewport, not the end of a GSAP timeline. A heading or hero may become a candidate before the remaining stagger, foote

Measure cold first loads separately from client-side transitions. Record the LCP element and timestamp, resource timing, layout shift, and a filmstrip under representative network/CPU conditions. Compare normal and reduced motion; use field

Measure cold first loads separately from client-side transitions. Record the LCP element and timestamp, resource timing, layout shift, and a filmstrip under representative network/CPU conditions. Compare normal and reduced motion; use field

- For character splits, keep scoped `font-kerning: none; text-rendering: optimizeSpeed` before, during, and after revert, including reduced motion. Wrappers disrupt kerning and can cause horizontal snapping; use words/lines if natural kerni

- For character splits, keep scoped `font-kerning: none; text-rendering: optimizeSpeed` before, during, and after revert, including reduced motion. Wrappers disrupt kerning and can cause horizontal snapping; use words/lines if natural kerni

Compose one framework skill for lifecycle timing, a motion skill for effects, and a style when requested. Static restyles need only the style. Install alongside https://github.com/greensock/gsap-skills for API/plugin guidance. Each skill in

The look of [Animaxxing](https://github.com/johnpolacek/animaxxing): black, white, neutral gray, oversized sans against small uppercase mono, hairline rules, scattering letters, and particle-assembled controls.

The look of [Animaxxing](https://github.com/johnpolacek/animaxxing): black, white, neutral gray, oversized sans against small uppercase mono, hairline rules, scattering letters, and particle-assembled controls.

.hatch {   background-color: var(--foreground);   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M-1 9L9-1M-1 1L1-1M7 9L9 7' stroke='black' stroke-width='1'/%3E%3C/svg%3E");

.hatch {   background-color: var(--foreground);   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M-1 9L9-1M-1 1L1-1M7 9L9 7' stroke='black' stroke-width='1'/%3E%3C/svg%3E");

background-color: var(--foreground);   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M-1 9L9-1M-1 1L1-1M7 9L9 7' stroke='black' stroke-width='1'/%3E%3C/svg%3E");   mask-size:

background-color: var(--foreground);   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M-1 9L9-1M-1 1L1-1M7 9L9 7' stroke='black' stroke-width='1'/%3E%3C/svg%3E");   mask-size:

mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M-1 9L9-1M-1 1L1-1M7 9L9 7' stroke='black' stroke-width='1'/%3E%3C/svg%3E");

mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M-1 9L9-1M-1 1L1-1M7 9L9 7' stroke='black' stroke-width='1'/%3E%3C/svg%3E");

Reference demo: [Animaxxing](https://github.com/johnpolacek/animaxxing). Until a style suite exists in animaxxing-skills-test, verify the changed design there or in the consuming app. For selected animation, also run `animaxxing`'s `referen

Reference demo: [Animaxxing](https://github.com/johnpolacek/animaxxing). Until a style suite exists in animaxxing-skills-test, verify the changed design there or in the consuming app. For selected animation, also run `animaxxing`'s `referen