Motion Quality Review
Reproducible browser motion review and comparison report. Adapted from a pinned OpenDesign source with a standalone brief workflow, local assets, retained licensing and actual generated evidence.
A little less setup
Make this part of your toolkit.
Give your agent this prompt. You’ll approve access in your browser before it installs a Skill.
Read https://skilly.uk/install/skills/motion-quality-review.md and follow the instructions to install this Skill for my agent.REAL SAMPLE / RELEASED PACKAGE
RELEASED v1.0.0A closer look at the actual output.
Actual output from the included structured brief. Sample brands and stories are fictional; the review report uses intentionally faulty and fixed local fixtures.
THE COMPLETE TEMPLATE
Try it. Make yourself at home.
Scroll inside, explore the pages, and try the controls. Choose Open for downloads, printing, or external links.
1440 × 900 canvas · scaled evenly to fitUse the preview’s own scroll and keyboard controls.
Inside this template
3 sections- A rotation should not move the whole page.
- faulty.html
- What this review can say.
A GUIDED LOOK
The whole story, in motion.
A screen recording of this working demo, covering 3 sections. This is a guided preview, not a video exported by the Skill.
In this walkthrough
- A rotation should not move the whole page.
- faulty.html
- What this review can say.
- Tested runtime
- Node.js 24.19.0 · macOS arm64 · Chrome 154
- Pinned dependency
- playwright-core 1.63.0 · Apache-2.0
- Checks completed
- Normal and edge briefs, generator safety, narrow/desktop document width, keyboard and motion behavior. See bundled evidence for per-package scope.
Actual generated output, browser checks and independent Codex workflow.
Explicit Codex workflow tested with a new brief. Trusted local projects only: HTTP/WS filtering and SW blocking are not an OS network sandbox. Local Chromium checks are not real-device or full accessibility certification.
From a good brief to a better result.
Reproducible browser motion review and comparison report. Adapted from a pinned OpenDesign source with a standalone brief workflow, local assets, retained licensing and actual generated evidence. The published package has its own version, tested environments, and included outputs listed alongside this overview. Any earlier draft samples below retain their original verification scope.
What you bring
- Local HTML baseline and optional repaired comparison
- Viewport samples and the interaction to reproduce
What you’ll make
- Measured HTML and JSON motion reports
- Baseline/comparison screenshots and regression fixtures
- MIT source review standards and scoped limitations
The intended workflow
- Shape the task-specific brief
- Generate into a new folder
- Review the measured behavior and final presentation