Jacky Motion skill
A skill that turns a Chinese voice-over script into animated HTML for screen recording, in manual mode or SRT autoplay mode
- 247 ★ on the repository
- Last commit
Minimal access
Why this level
- The skill creates HTML files and checks them by launching a browser
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/jacky-motionDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewMinimal accessThe tool runs nothing and makes no network calls.
- The skill creates HTML files and checks them by launching a browser
This is third-party code. Review the repository files before installing.
What it does
Jacky Motion takes a voice-over script, breaks down its information skeleton and builds a single-file HTML for screen recording. It is not a slide template and does not run the whole text as captions: each frame carries one main relationship, on-screen text is shorter than the voice, and meaning is revealed gradually. A frame goes through four stages: first glance, reconstruct, push and lock the final frame. There are two modes. The first needs only the script: you get a file with manual frame advance in 16:9 or 3:4. In the second a proofread `.srt` file is added and the HTML plays on the subtitle timing in 16:9, with a countdown, pause, seek and a frame for B-roll screen recordings. The skill ships with ten styles (for example Apple Tech Gradient, Finance Studio Cards, Editorial Magazine, Newspaper Evidence) and checks the result statically and with real-browser screenshots before handing it over.
Who it is for. Video creators who explain complex topics on camera or off-screen and want an animated diagram under the voice.
Good fit when
- You have a voice-over script about how an AI tool works and want a clip with a diagram that unfolds with the voice
- You need a vertical 3:4 clip with manual frame control so you hold the pauses yourself
- A voice-over is recorded with a ready SRT file and the animation must follow the subtitle timing exactly
- You need to pick a visual style for the topic: finance, news, education or pop science
Not a fit when
- You need an ordinary presentation: the skill builds animation under a voice-over and makes no PowerPoint slides or templates
- You need a finished video file: the output is HTML and you record the screen yourself
- You need text-to-speech: the skill creates no voice and does not paint subtitles line by line
Example request
Turn this voice-over script into animated HTML in 3:4 format in the Finance Studio Cards style, with manual frame controlLimitations
The description and the skill's working text are in Chinese: it targets Chinese voice-overs. The result is checked in a real browser at 1920×1080 (and 1080×1440 for portrait), and you record the screen yourself. SRT mode supports only 16:9, and the vertical format exists only in the mode without subtitles. The skill only builds HTML animation and publishes nothing. The repository's last commit is from September 2026, version 2.2.1.
How to disable. Delete the skill folder from the agent skills directory and restart the session. The HTML files you created stay in your working folder.
FAQ
How do I install the skill?
Run `npx skills add https://github.com/Jackywxsz/Jacky-motion`; the skill goes into the chosen agent's folder.
Do I need a subtitle file?
No, without an `.srt` the skill makes HTML with manual frame advance. With a proofread `.srt` the animation follows subtitle timing.
Which frame formats are supported?
Manual mode makes 16:9 (1920×1080) and vertical 3:4 (1080×1440) with a separate layout, not scaling. SRT mode is 16:9 only.
Does the skill create the voice-over?
No, it does not generate voice and uses SRT only as a time axis.
Which styles are available?
The description presents seven styles with sample screenshots, among them Apple Tech Gradient, Finance Studio Cards, Editorial Magazine, Newspaper Evidence and Paper Craft Studio. Style files are in `assets/styles/`.
Discussion
No questions or reviews yet.
Related
SkillsA skill that turns a topic into a narrated 4K video: research, script, local TTS, Remotion composition and an FFmpeg mix
A skill that turns a script into a finished video with voice-over, subtitles, a cover and a publish text, frames drawn by code.
A Claude Code skill for short animated videos drawn in code: seven styles, story and storyboard sign-off, voice-over and an MP4 render
The video-explainer skill turns a script into a vertical 9:16 explainer: narration, captions, Remotion and a pre-render review
A skill that turns your narration and real assets into a 20–60 second video in the style you pick, rendered locally as MP4.
A Claude Code and Codex skill that turns a topic into a narrated motion-graphics explainer video on Remotion with subtitles and chapters
README in short
The project description explains two modes (plain HTML and HTML with SRT), lists the principles (information first, a four-stage frame, gradual reveal, stable layout, two formats, verification) and shows three screenshots for each of seven styles. The description version is 2.2.1.