{"uid":"cap_SDaudb6OrAYExealoQ4gH","slug":"aiskills402-css-motion-review-505d1bff","name":"AISkills402: CSS Motion Review","description":"CSS Motion Review — Reviews pasted CSS, Tailwind classes or JSX styles for the motion mistakes that hurt real visitors, and lists only those, one line each with a fixed code, the place, why it matters and the fix - or exactly No findings. It catches movement that starts by itself, runs longer than five seconds and has no pause control, which fails WCAG 2.2.2 at Level A, large scaling or panning motion with no reduced-motion rule anywhere, a reduced-motion rule that leaves the large motion runni…","url":"https://api.aiskills402.com/v1/skills/css-motion-review/file?utm_source=zero.xyz","method":"GET","headers":{},"bodySchema":{"type":"object","$schema":"https://json-schema.org/draft/2020-12/schema","required":["input"],"properties":{"input":{"type":"object","required":["type","method"],"properties":{"type":{"type":"string","const":"http"},"method":{"enum":["GET","HEAD"],"type":"string"},"headers":{"type":"object","additionalProperties":{"type":"string"}}},"additionalProperties":false},"output":{"type":"object","required":["type"],"properties":{"type":{"type":"string"},"example":{"type":"object"}}}}},"responseSchema":null,"example":null,"exampleRequest":null,"tags":["x402"],"displayCostAmount":"0.01","displayCostAsset":"USDC","priceDynamic":false,"priceHint":null,"priceStatus":"priced","priceSource":"probe","requiresHandshake":false,"reviewCount":0,"rating":{"score":"0.00","successRate":"0.00","reviews":0,"stars":null,"state":"unrated"},"availabilityStatus":"unknown","priceObserved":null,"sessionDeposit":null,"pricing":{"kind":"static","summary":"$0.01/call","primary":{"kind":"static","protocol":"x402","network":"base","amountUsd":"0.01","per":"call","confidence":"exact"},"accepted":[{"kind":"static","protocol":"x402","network":"base","amountUsd":"0.01","per":"call","confidence":"exact"}]},"paymentMethods":[{"uid":"pm_NlwdfywkjZ62-CqrJMiG-","protocol":"x402","methodType":"crypto","chain":"base","mode":"charge","costAmount":"0.01","costPer":"request","priority":0,"asset":"0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913","unit":"request","depositMicros":null,"planRef":null}],"brandName":null,"brandSlug":null,"brandBaseUrl":null,"brandDocsUrl":null,"whatItDoes":"Audits pasted CSS, Tailwind classes, or JSX styles for WCAG 2.2.2 animation and motion accessibility violations, listing only real findings with location, reason, and fix.","exampleAgentPrompt":"Can you check this CSS for motion accessibility issues? I want to know if any animations auto-play without a pause control, run longer than 5 seconds, or are missing a prefers-reduced-motion rule — just list the real problems and how to fix each one.","exampleUseCases":[{"title":"Hero banner animation accessibility check","prompt":"I have a hero section with a looping background animation written in CSS. Can you review it for WCAG 2.2.2 motion violations — specifically whether it auto-plays indefinitely, lacks a pause mechanism, or is missing a reduced-motion override?"},{"title":"Tailwind parallax scroll audit","prompt":"I'm using Tailwind utility classes for a parallax scrolling effect on my landing page. Can you audit the classes for large-scale motion that has no prefers-reduced-motion rule and would fail WCAG Level A for visitors with vestibular disorders?"},{"title":"JSX animation compliance review before launch","prompt":"Before we ship, can you review this JSX component's inline animation styles for any motion that starts automatically, runs more than 5 seconds, or where the reduced-motion rule doesn't actually stop the large movement — list each finding with where it is and the fix?"}],"resultDescription":"A line-by-line list of motion accessibility findings, each stating the exact code location, the specific WCAG 2.2.2 rule it breaks, why it matters for real visitors, and a concrete fixed code snippet — or exactly 'No findings' if nothing is wrong.","failureModes":["Input contains no recognizable CSS, Tailwind, or JSX — endpoint returns no findings or an error","Minified or obfuscated CSS may cause the reviewer to miss context-dependent violations","Custom Tailwind config not supplied may cause false negatives on extended animation utilities","Very large stylesheets may be truncated, leading to incomplete audits","Animation logic driven by JavaScript timers outside the CSS will not be detected"],"whenToPreferThis":"Choose this endpoint when you need a focused, per-line WCAG 2.2.2 motion accessibility audit of CSS, Tailwind, or JSX styles — especially when you want only real violations flagged (no noise), each paired with a concrete fix. Prefer it over general CSS linters that don't understand accessibility semantics, or over full WCAG audit tools that review entire pages rather than isolated style code.","instructions":null,"reviewSummary":null,"reviewSummaryHighlights":null,"reviewSummaryConcerns":null,"reviewSummaryGeneratedAt":null,"activationCount":0,"lastUsedAt":null,"lastSuccessfullyRanAt":null,"lastHealthCheckAt":"2026-10-31T18:38:55.661Z","isFirstParty":false,"canonicalSlug":"aiskills402-css-motion-review-505d1bff"}