Skill LibraryPrompt Skill1 DesignsTop Views

Copy-in Motion Localization QA

Turn an adopted Lottie, Motion, GSAP, Magic UI, or registry motion component into a localized, accessible, reducible, and verifiable production component.

Skill Uses0

Recorded selections across prompt workflows.

Public Designs1

Ranked by views, then community favorites.

Prompt Lines8

Reusable instruction lines for generation.

Author@Interface Lab

Skill Directive

Description

Turn an adopted Lottie, Motion, GSAP, Magic UI, or registry motion component into a localized, accessible, reducible, and verifiable production component.

TagsQA

Skill Prompt

- Inputs must include adopted component source, target page/task, zh/en copy, state list, motion library, autoplay/loop behavior, target viewports, license record, and production acceptance requirements.
- Confirm the motion role first: feedback, continuity, guidance, state change, brand atmosphere, or celebration. If it is only a decorative loop, reduce, staticize, or remove it by default.
- Localization is not only translation: check Chinese/English length, button labels, number/date format, RTL/directionality, empty/error/loading/complete states, tone, and mobile wrapping.
- Accessibility must cover keyboard, focus-visible, aria-label/description, aria-live/aria-busy, static poster, alt/decorative handling, and screen-reader state explanation.
- Motion fallback must cover `prefers-reduced-motion`, replacing large movement/scale/parallax, disabling autoplay, pausing/stopping/hiding infinite loops, and textual alternatives for loading/success/error.
- Frontend delivery outputs dependency diff, token mapping, removed demo assets, component state matrix, duration/easing, cleanup, and performance risk.
- Acceptance must include desktop and mobile screenshot or DOM evidence, console health, no overlay, reduced-motion branch, keyboard path, and long-text overflow checks.
- Sources referenced: Magic UI, Motion-Primitives, Animate UI, Motion accessibility, and WCAG Pause/Stop/Hide. The content is rewritten as Interface Lab copy-in motion QA skill guidance.

Public directive summary shown; Pro unlocks the full prompt.

Layout Info

Designs below are ordered by views. Top items use live previews; the rest stay fast thumbnail cards.

Unlock Pro All Skills

Copy-in Motion Localization QA

More pages using Copy-in Motion Localization QA