Polishes alignment, motion, and closing issues in a Hyperframes HTML video composition, then checks duration, frame rate, and codecs before export.
video-polish-qa
Use when refining or shipping a Hyperframes HTML video composition (GSAP, CSS, or Anime.js motion) - timestamped visual feedback, off-center or misaligned text, cards, or price groups, uneven card rows, wrapped headings breaking baselines, animations overlapping or jumping, SVG connector lines appearing before their origin, a weak final or closing screen, or a final pass before rendering and verifying the exported MP4 (duration, FPS, codecs, preserved audio).
معلومات المصدر
- المستودع
- rocksstarcode/hyperframes-video-polish
- آخر نشاط في المصدر
- ١٤ نوفمبر ٢٠٢٦ في ٠٨:٠٨
- لغة SKILL.md المكتشفة
- الإنجليزية
- النجوم
- ٥
- التفرعات
- ٠
Polish Hyperframes video with video-polish-qa
Polishes alignment, motion, and closing issues in a Hyperframes HTML video composition, then checks duration, frame rate, and codecs before export.
Examples
Author and attached-README case, not a SkillsMP test, and not based on watching the film: the README describes LeadsThatMatter, a 109-second 1080p60 product film built in Hyperframes and polished with this Skill, with a YouTube link, a preview GIF, and an MP4 download, and it states that the export was verified at 1920x1080, 60 FPS, 6540 frames, H.264/AAC, with a full decode. The pinned Skill also says it was field-tested on a Hyperframes product film and on stock hyperframes init examples (landscape and portrait, every render format) with Hyperframes 0.8. This draft did not watch the YouTube video, the preview GIF, or the parent-post video.
Uses
Use this Skill when you are refining or shipping a Hyperframes HTML video composition (GSAP, CSS, or Anime.js motion): off-center or misaligned text, cards, or price groups, uneven card rows, wrapped headings breaking baselines, animations overlapping or jumping, SVG connector lines appearing before their origin, a weak closing screen, or a final pass before rendering and verifying the exported file. It is a Hyperframes-focused visual-polish skill, not a general video editor. This draft did not execute the Skill, run npx skills add, or run the bundled verifier.
Prerequisites
You need a Hyperframes project (the Skill says it was field-tested with Hyperframes 0.8), Node.js 18 or newer for the portable verifier, and ffmpeg/ffprobe on PATH. On Windows, PowerShell 5.1 or newer is optional for the bundled .ps1 verifier. Resolve the composition entry, output folder, and render commands from the project's own package scripts, README, or agent instructions; do not assume filenames. The site's general install module covers Skill-file installation. The post and README install command npx skills add rocksstarcode/hyperframes-video-polish is documentation only and was not run. The post also says it works with OpenCode, Claude Code, and Codex.
How to use
Ask the agent to use $video-polish-qa (or this Skill) on your Hyperframes composition and to verify the export. It should read the project's scripts and docs first, confirm the entry point and output spec (format, canvas size, frame rate), and inspect the visible problem with the project's timeline and keyframes tools plus the source, at the start, midpoint, and settled state. Fixes go to the cause in the source (alignment and motion invariants, then the closing pass). Before export it should run the project's own lint/check/snapshot commands, inspect the images rather than trusting exit codes, then render to a new file and run the bundled scripts/verify-video.mjs (or the PowerShell wrapper) with the real duration, FPS, and size. Visual-only work should preserve audio and scene timing unless you asked to retime. Offer the actual output path, and do not state that you have reviewed the file until you say so. Those steps are agent work, not prerequisites you must already have completed.
Limitations
A still that looks right, a clean exit code, or a passing sampler is evidence, not proof that every frame is correct. If hyperframes check reports motion.enabled: false, automated motion analysis did not run. Reduced-motion branches affect browser preview only, not a rendered MP4. GPU and worker flags depend on the machine doing the render. Duration is judged from the video stream because container duration can include AAC padding of about 50 ms. Audio/video drift fails above 0.25 s unless you change --max-audio-drift. Do not overwrite a prior verified cut or quietly alter recorded audio during a visual-only pass. The parent post's cost, model, and “one prompt” claims are author/parent-post wording, not pinned Skill capabilities, and its video was not watched. The Skill and README's LeadsThatMatter film and Hyperframes 0.8 field-test wording are author/document claims, not a SkillsMP test. Revalidate commands when the framework version or project structure changes. The pinned repository-root LICENSE is the MIT License, Copyright (c) 2026 AdiCoSto (rocksstarcode), provided without warranty. Official reuse of this target is unknown. This draft did not execute the Skill or any installer.
خيارات التثبيت
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
مراجعة ملفات المصدر
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
عرض SKILL.md
| name | video-polish-qa |
|---|---|
| description | Use when refining or shipping a Hyperframes HTML video composition (GSAP, CSS, or Anime.js motion) - timestamped visual feedback, off-center or misaligned text, cards, or price groups, uneven card rows, wrapped headings breaking baselines, animations overlapping or jumping, SVG connector lines appearing before their origin, a weak final or closing screen, or a final pass before rendering and verifying the exported MP4 (duration, FPS, codecs, preserved audio). |