Agent skill · Testing & QA

animation-jank-qa

Run animation jank QA. Use for GSAP, Motion, CSS transitions, scroll animation, pinned scenes, parallax, hover states, page transitions, mobile motion, reduced-motion fallbacks, performance-heavy animations, and final motion polish before delivery.

TheGoat395github.com/TheGoat395GitHub ↗
claude-codecodexcursorMIT
Install
npx skills add TheGoat395/Codex-Skills --skill animation-jank-qa --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

Facts
Files in the skill folder: 3
SKILL.md size: 2 KB
Bundled scripts: none
Path: skills/animation-jank-qa/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 115
Language: Python

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

From the SKILL.md

# Animation Jank QA Use this skill to make motion feel intentional, smooth, and respectful instead of fragile. ## Workflow 1. Inspect the project, scripts, routes, local/deployed URL, production surfaces, and available QA/deployment tooling. 2. Read [Animation Jank QA Guide](references/animation-jank-qa-guide.md) before claiming the site is ready. 3. Run the narrowest meaningful checks for the risk: visual, mobile, accessibility, performance, forms, media, SEO, analytics, deployment, or handoff. 4. Fix issues when they are in scope; otherwise record exact evidence and remaining risk. 5. Summarize commands, URLs, screenshots/checks, changed files, and what was not tested. ## Always Protect - Inspect before changing or shipping: framework, package scripts, build output, routes, forms, media, animation stack, deployment target, environment variables, analytics, SEO metadata, accessibility risks, and available browser QA tooling. - Do not claim something was tested unless it was actually tested; report exact commands, URLs, screenshots, viewports, failures, skipped checks, and remaining risk. - Verify desktop and mobile rendered output, not only source code. For visual or motion work,

What's inside
Steps it walks through
  1. Workflow
  2. Always Protect
Ships with 2 files
  • agents/openai.yaml
  • references/animation-jank-qa-guide.md
More from Codex-Skills
All skills →
About this skill
What does the animation-jank-qa skill do?

Run animation jank QA. Use for GSAP, Motion, CSS transitions, scroll animation, pinned scenes, parallax, hover states, page transitions, mobile motion, reduced-motion fallbacks, performance-heavy animations, and final motion polish before delivery.

How do I install it?

Run `npx skills add TheGoat395/Codex-Skills --skill animation-jank-qa --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From TheGoat395/Codex-Skills, a repository with 115 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going