Files
amare/openspec/changes/enhance-public-motion/tasks.md

1.9 KiB

1. Motion contract and runtime

  • 1.1 Extend feature tests first for motion tokens, declarative hooks, no-opacity text, safe fallbacks, one-shot observer, capped stagger and requestAnimationFrame coalescing
  • 1.2 Add centralized motion tokens and CSS states for page openings, grouped directional reveals, media clips and accessible interaction feedback
  • 1.3 Refactor resources/js/motion.js to enhance only when supported, initialize page beats/groups, unobserve revealed targets and coalesce progress updates per frame

2. Public template coverage

  • 2.1 Add failing markup coverage for home, services, portfolio index/detail, about, contact, privacy and branded 404/419/429/500/503 pages
  • 2.2 Apply page-open, beat, reveal-group and directional reveal hooks across all visual public templates without changing content or layout structure
  • 2.3 Add failing testimonial coverage, filter blank quotes before the rendered sequence and alternate explicit left/right directions on desktop and mobile

3. Browser and accessibility coverage

  • 3.1 Add browser tests for real opening/reveal state, 90 ms capped stagger, one-shot observation and interaction during motion
  • 3.2 Add desktop/mobile tests for directional distance, reduced motion final state, no-JS/observer fallback, horizontal overflow and clean console
  • 3.3 Extend axe and console route matrices to about, contact, privacy and branded 404
  • 3.4 Extend deterministic desktop/mobile visual snapshots to about, contact, privacy and branded 404 and review the generated diffs

4. Verification and delivery

  • 4.1 Run focused feature/browser tests, build, Pint, isolated-cache PHPStan and strict OpenSpec validation
  • 4.2 Run composer quality and visually review desktop/mobile with normal and reduced motion
  • 4.3 Stage only scoped files, commit conventionally, open a PR with screenshots and verification evidence, watch CI to green, merge and remove the worktree