Native CSS scroll timeline feature detection and reliable JavaScript fallback. Use when auditing or building production frontends with Codex; preserve previous Perfect_AI skills.
Installs into .claude/skills of the current project.
Are you the author of Ztx9 Scroll Timeline Compatibility?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/realjustawall-ztx9-scroll-timeline-compatibility)
---
name: ztx9-scroll-timeline-compatibility
description: Native CSS scroll timeline feature detection and reliable JavaScript fallback. Use when auditing or building production frontends with Codex; preserve previous Perfect_AI skills.
---
# ztx9-scroll-timeline-compatibility
## Required reading
Read the extension installed at `.agents/ztx9-frame-space-device-lab/references/02-scroll-compatibility.md` **in full**, then inspect the current app, site type, performance baseline and previous Perfect_AI Skill entries. Do not act from the skill title alone.
## Execution sequence
1. Inspect framework, installed library versions, target browsers/devices, RTL/LTR and project brand contract. Choose conservative feature path.
2. Define observable success criteria and baseline output **before changing source**.
3. Implement with `tools/scroll-timeline.mjs` and adapt implementation to application-owned runtime architecture rather than injecting conflicting global animation state.
4. Run test at target viewports; collect console errors, screenshots and machine-readable report; prioritize fixes by real impact.
5. Preserve existing assets, animations, tests and files. Check `git diff` before and after; avoid overwriting unrelated work.
6. Label status documented / syntax-verified / browser-verified / real-device-verified. Report unverified prerequisites.
## Required acceptance
- No silent error, empty output or fictitious positive report.
- Respect `prefers-reduced-motion`, keyboard/RTL, responsive resizing and cleanup.
- Provide a reproducible command and report path on Windows PowerShell.
- Before/after evidence or a test demonstrates a real change; static screenshot alone does not validate motion.
## Local assets
`.agents/ztx9-frame-space-device-lab/references/02-scroll-compatibility.md` and `.agents/ztx9-frame-space-device-lab/tools/scroll-timeline.mjs` relative to extension root. The Skill file is guidance; the tools need project dependencies, test server and/or device as listed in docs. No MCP required.
## Sources
See `SOURCES.md` for primary docs and upstream references; avoid copying undocumented third-party source.
