jacky-motion

Convert Chinese spoken scripts into 16:9 information animation HTML.

215|39|Updated May 20, 2026
One-click install
npx skills add https://github.com/Jackywxsz/jacky-motion --skill jacky-motion
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: jacky-motion
Source: https://github.com/Jackywxsz/jacky-motion/tree/main
Command: npx skills add https://github.com/Jackywxsz/jacky-motion --skill jacky-motion

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

将中文口播稿转化为可录屏的 16:9 信息动画 HTML,帮助创作者快速把口播文本变成可展示的镜头序列。

Core Features & Use Cases

  • 6 阶段流水线:审稿、分镜、锁风格、生成 HTML、验收、配音錄制。
  • 内置 4 种视觉风格,输出单文件 HTML,方便浏览器打开和全屏录屏。
  • 支持验收和后续配音/ TTS 流程,将生成的 HTML 直接用于录屏或自动播放。

Quick Start

Paste your script and let Jacky Motion generate the 16:9 information animation HTML.

Frequently Asked Questions about jacky-motion

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

FAQPage Schema
How do I convert a Chinese spoken script into a 16:9 information animation HTML?

To convert a Chinese spoken script into a 16:9 information animation HTML, paste your script into the tool to trigger a 6-stage pipeline that audits content, creates storyboards, locks visual style, and generates a self-contained HTML file ready for screen recording.

What is the workflow for turning a course script into screen-recordable HTML?

The workflow for turning a course script into screen-recordable HTML involves a 6-stage pipeline: auditing the script, storyboarding beats, locking visual style, generating HTML, running acceptance checks, and proceeding to voiceover or TTS recording.

Can I generate information animation HTML for short videos without external dependencies?

Yes, you can generate information animation HTML for short videos without external dependencies. The tool outputs a self-contained single HTML file with built-in visual styles, allowing you to directly open it in a browser for fullscreen screen recording.

Does the information animation generator support TTS and voiceover recording workflows?

Yes, the information animation generator supports TTS and voiceover recording workflows. After the HTML generation and acceptance stages, the output is designed to be directly used for screen recording alongside automated or manual voiceover playback.

What is the best way to structure a script for information animation generation?

The best way to structure a script for information animation generation is to ensure sufficient information density. The tool audits your script and breaks it down into distinct storyboard beats to validate the structure before locking the visual style and generating the HTML.

Are there limitations when using built-in styles for information animation HTML?

A limitation when using built-in styles for information animation HTML is that you must select from the 4 provided visual styles. The tool enforces this end-to-end pipeline to ensure proper formatting, meaning custom style injection outside these options is not supported.