motion-doctrine

Enforces continuous motion vectors across scene transitions in HyperFrames video compositions.

Updated Sep 6, 2026
One-click install
npx skills add https://github.com/AbuBakar125-co/Resturant_web --skill motion-doctrine-abubakar125-co
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: motion-doctrine
Source: https://github.com/AbuBakar125-co/Resturant_web/tree/main/agent/skills/motion-doctrine
Command: npx skills add https://github.com/AbuBakar125-co/Resturant_web --skill motion-doctrine-abubakar125-co

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve? Multi-scene videos often feel like disconnected slides because each scene is animated in isolation, killing visual momentum at every cut. This Skill provides the motion law and automated verification tooling that make a multi-scene HyperFrames video read as one continuous camera move. ## Core Features & Use Cases - Vector Law & Seam Planning: Defines how scene exits determine scene entries (matched axis, direction, and speed), planned up front in a ledger.json vector ledger. - Seam Stamping & Verification: Generates master-timeline seam code from the ledger with seam-stamp.mjs, then numerically verifies every seam with seam-gate.mjs (direction, speed match, zero overlap, Z-sign rule, carrier continuity) using headless Chrome over CDP. - Performance Rules: Bans idle wobble and prescribes sustained-motion routes (staged reveals, camera moves, sequenced UI, cursor-led action) plus stillness-before-climax timing. - Use Case: When building a product-launch explainer video in HyperFrames, write the vector ledger first, stamp the seams into index.html, then run the seam gate until it exits 0 before shipping. ## Quick Start Ask the AI to load the motion-doctrine skill, write a ledger.json for your HyperFrames scenes, then run seam-stamp.mjs to generate the seams and seam-gate.mjs to verify them.

Frequently Asked Questions about motion-doctrine

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I make scene transitions feel continuous in a video?

Match the exit and entry vectors across every cut: same axis, same direction, and matched speed, cutting mid-motion on both sides. Plan all seams in a vector ledger before authoring, then verify them numerically with the seam gate script.

How do I verify animation seams automatically with seam-gate.mjs?

Run node seam-gate.mjs verify --ledger ledger.json --project <dir>. It spawns a preview server, drives headless Chrome over CDP, samples element positions around each cut, and exits 0 only if direction, speed, overlap, and carrier checks pass.

What is the Z scale-sign rule in scene transitions?

On the Z axis, direction is the sign of scale change: growing means push, shrinking means pull. A receding exit answered by a grow-from-small entry is a mirrored vector and fails the gate; the incoming scene's own entrances are also scanned for sign-fighting.

Why does the seam gate report a zero-overlap failure?

Zero-overlap fails when both scenes are visible in the same frame, which reads as a dissolve. The usual cause is a clip whose data-start precedes its entry tween; set initial autoAlpha to 0 and data-start exactly at the cut time.

Does seam-gate.mjs require npm dependencies?

No, it has zero npm dependencies. It requires Node.js 22 or later and a local Chrome or chrome-headless-shell, which it finds automatically in the puppeteer cache or via the CHROME_PATH environment variable.

When should I hand-author a seam instead of stamping it?

Hand-author only Tier-A morphs and match-cuts, where a carrier element hands off across the cut. These rows get visibility sets from the stamper, and the gate checks only carrier continuity and overlap for them.