explaingit

jackywxsz/jacky-motion

16HTMLAudience · writerComplexity · 2/5LicenseSetup · easy

TLDR

An AI agent skill that turns a Chinese voiceover script into a single animated HTML file formatted for 16:9 video recording, following a six-step workflow from script review through shot planning, style lock-in, HTML generation, and optional TTS audio injection.

Mindmap

mindmap
  root((Jacky Motion))
    What It Does
      Script to slides
      Animated HTML output
      Video production ready
    Workflow Steps
      Script review
      Shot beat planning
      Style selection
    Visual Styles
      Minimal tech
      Editorial magazine
      Finance broadcast
    Features
      TTS audio injection
      Auto-play mode
      Screen recording guide
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Things people build with this

USE CASE 1

Turn a Chinese voiceover script for an AI-topic short video into a complete animated slide deck ready to screen-record in one browser session.

USE CASE 2

Generate educational presentation slides with enforced visual style and per-shot timing rules so each beat communicates exactly one idea clearly.

USE CASE 3

Produce auto-advancing HTML slides with injected TTS audio for a fully automated video without a manual screen recording session.

USE CASE 4

Apply the finance broadcast visual style to a business analysis script for a professional-looking market commentary video.

Tech stack

HTML

Getting it running

Difficulty · easy Time to first run · 30min
MIT license, use, copy, or modify freely for any purpose including commercial use, as long as you keep the copyright notice.

In plain English

This repository is an agent skill that takes a Chinese voiceover script and turns it into an animated HTML file formatted for 16:9 screens. The intended users are content creators making short-form educational or opinion videos, particularly those covering AI tools, business analysis, or research topics. The skill follows a six-step workflow: it first reviews the script for information density and readability, then breaks it into timed shot beats, locks down a single visual style, generates the HTML, verifies the output, and prepares for voiceover recording. Each shot beat must include a core piece of information, a visual action (such as highlighting, connecting, or expanding), and short on-screen text. These rules are enforced by the skill during review, not left to the creator to invent. The output is a single HTML file you open in a browser. You click through the slides manually and record your screen to capture the animation. If you want the slides to advance automatically alongside narration, the skill supports a text-to-speech flow that injects audio and enables auto-play mode. The final video is produced by recording the browser full-screen with a tool like QuickTime or OBS. Four built-in visual styles cover most common video types: a minimal presentation style suited to AI and tech topics, an editorial magazine style for research and methodology content, a finance broadcast style for business and industry analysis, and a newspaper evidence style for news events and investigative reporting. The design philosophy is that layout and animation should serve the clarity of the information, not the other way around. Each visual choice is meant to support what the voiceover is saying, not to add decoration for its own sake. The skill is written and documented primarily in Chinese. It is licensed under MIT.

Copy-paste prompts

Prompt 1
I have a Chinese voiceover script for a video about an AI productivity tool. Use jacky-motion to convert it into an animated HTML file in the minimal presentation style.
Prompt 2
Using jacky-motion, apply the editorial magazine visual style to my research methodology script and generate the HTML slides with the correct shot beats.
Prompt 3
I want to use jacky-motion's TTS flow to inject audio into the slides so they auto-advance without me clicking through manually. How do I configure that?
Prompt 4
My jacky-motion slides are ready. How do I record them as a video using QuickTime on Mac, and what resolution and frame rate settings work best for short-form platforms?
Prompt 5
How does jacky-motion enforce the rule that each shot beat must have exactly one core piece of information, one visual action, and short on-screen text?
Open on GitHub → Explain another repo

← jackywxsz on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.