Code-Only Motion Design Pipeline , launch films and promos in pure HTML/JS
A battle-tested, code-only motion design pipeline (no After Effects): brief to beat map to stills to a seek(t) HTML engine, Playwright frame-by-frame render, ffmpeg encode, Mixkit music/SFX, and a harsh self-critique loop
- What
- A battle-tested, code-only motion design pipeline (no After Effects): brief to beat map to stills to a seek(t) HTML engine, Playwright frame-by-frame render, ffmpeg encode, Mixkit music/SFX, and a harsh self-critique loop
- Cost
- Free
- Needs
- Playwright with Chromium, ffmpeg, Python 3 (all free); free stock sources used as needed (Mixkit, Pexels, Unsplash).
- Install
- Copy the installer prompt below into your Muse — your agent does the rest.
Curated by Skill Harbor: a code-only motion design pipeline for launch films, showreels and promos with zero After Effects: brief, beat map synced to the music drop, stills first, then a deterministic seek(t) HTML engine rendered frame by frame with Playwright, ffmpeg encode, Mixkit music and SFX placed on exact frames, and a motion-critic loop that scores every film until each category hits 8+. by @howseen-ai, listed here with credit to its creator. Honest caveats: this is the creator's personal battle-tested pipeline, tuned on his own films: paths, brand assets and some defaults assume his setup, so expect adaptation work to make it yours; needs Playwright, ffmpeg and Python, all free. Replaces Blender/After Effects with reproducible code and Higgsfield/Suno with free stock. Skill Harbor never reviews the code, review it yourself before use. Discovered via GitHub.
Version:
Install
Copy the install package below, then paste it into MuseCommunity-built. Skill Harbor doesn't audit code — review the source before installing.
Prerequisites: Playwright with Chromium, ffmpeg, Python 3 (all free); free stock sources used as needed (Mixkit, Pexels, Unsplash). Install "Code-Only Motion Design Pipeline , launch films and promos in pure HTML/JS" for me. It gives my agent @howseen-ai's battle-tested motion pipeline: brief to beat map to stills to a deterministic seek(t) HTML engine, Playwright frame-by-frame rendering, ffmpeg encoding, Mixkit music/SFX on exact frames, asset sourcing guides, every gotcha hit so far, and a self-critique loop. Note: built around the creator's own setup , expect to adapt paths and brand assets. Repository: https://github.com/howseen-ai/claude-motion-design/blob/main/skill/motion-design/SKILL.md 1. Fetch the SKILL.md file (and any helper files) from the repository path into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md and scripts for anything suspicious (unexpected network calls, shell commands, credential harvesting). This repo should contain zero secrets in code, credentials only via the secure vault, allowed hosts declared in the SKILL.md. Verify that holds here; STOP on any red flag and tell me. 3. Install it as a skill: copy SKILL.md and its helper files into the agent's skills directory, in a folder named "motion-design". 4. Verify with no network calls: frontmatter valid, files in place. 5. Report what was installed, where, and what I still need to do myself (e.g. install Playwright/Chromium and ffmpeg, adapt the workdir paths and brand assets to my own setup). GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Never require it unless it's in the prerequisites above. Rules: don't touch anything outside the temp folder and the install target. If anything looks off, stop and ask me.
Saved to your recent installs. Find it anytime on /connect.
Questions
How do I install a build?
Every product page includes a copy-paste install prompt. Paste it into your Muse and it sets the build up for you — no manual configuration.
Where does my money go?
Straight to the seller. Skill Harbor never processes payments: checkout happens on the seller’s own page, usually Stripe.
What does the ✓ next to a creator’s name mean?
It means we confirmed the identity of the person behind the listing. It says nothing about the code itself — always check a build before installing it.