agentsclimarketplace
Sign in

Reduced motion design

Skill TheGoat395/Codex-Skills/skills/reduced-motion-design

Design reduced-motion alternatives for websites and apps. Use for prefers-reduced-motion, Motion useReducedMotion, CSS media queries, disabling parallax, replacing large movement, simplifying scroll scenes, preserving state feedback, accessibility, vestibular-sensitive animation, and motion QA.From its SKILL.md

Install
npx -y skills add TheGoat395/Codex-Skills --skill reduced-motion-design

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

SKILL.md

1.1 KB, 147 tokens by cl100k_base, as published. Nobody here has run it

Reduced Motion Design

Use This Skill

Use this skill for design reduced-motion alternatives for premium interactions.

Operating Contract

  1. Inspect the existing project before changing code.
  2. Identify the motion stack, scroll behavior, component lifecycle, reduced-motion handling, and available verification commands.
  3. Keep motion purposeful: clarify sequence, focus, depth, tactility, or product understanding.
  4. Follow existing project conventions unless a change clearly improves the result.
  5. Run available checks and visually inspect responsive/reduced-motion output when the change affects UI.

Required Reference

Read references/reduced-motion-design-guide.md before making architectural or visible UI changes with this skill.

What ships with it: 2 files

4.2 KB alongside SKILL.md

agents/

references/

Keep looking

Skills are one crate of 325,949. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.