motion-from-transcript

Convert raw transcripts into motion-design videos with JSON scenarios, AI visuals, and TSX animations.

Updated Mar 12, 2026
One-click install
npx skills add https://github.com/Diduck/MotionDesignWorkflow --skill motion-from-transcript
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: motion-from-transcript
Source: https://github.com/Diduck/MotionDesignWorkflow/tree/main/.claude/skills/motion-from-transcript
Command: npx skills add https://github.com/Diduck/MotionDesignWorkflow --skill motion-from-transcript

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This pipeline converts raw transcripts or subtitles into a complete motion design video by orchestrating a JSON scenario, AI visuals, an animation TSX, and a final MP4 render.

Core Features & Use Cases

  • End-to-end pipeline: transcribe to scenario JSON, generate AI visuals, construct TSX animation, and render MP4.
  • Template-aware: detects optional design templates and applies the corresponding visual DA; if no template is found, uses a default design.
  • Visual-first storytelling: emphasizes hook scenes, data visuals, and CTA with 3-5 scenes and at least 2 visual elements per scene.

Quick Start

Pass a video name and transcription to generate a complete motion-design video using the default design/template.

Frequently Asked Questions about motion-from-transcript

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

FAQPage Schema
How do I turn a transcript into a motion-design video?

To turn a transcript into a motion-design video, this pipeline parses the text, generates a JSON scenario, creates AI visuals, builds a TSX animation, and renders the final MP4 automatically. You just need to provide the video name and transcription.

Can I use a specific design template for rendering my transcript video?

Yes, the rendering pipeline is template-aware. It detects optional design templates and applies the corresponding visual data; if no template is found, it automatically falls back to a default design for the motion-design video.

What is the structure of a generated motion-design scenario from subtitles?

The generated scenario emphasizes visual-first storytelling by structuring the content into 3 to 5 scenes, such as hook scenes, data visuals, and calls to action, ensuring at least 2 visual elements per scene.

Do I need to manually separate visual elements when generating TSX animation from transcripts?

No, you do not need to manually separate visual elements. The pipeline automatically orchestrates scenario creation, AI image generation, and TSX animation construction directly from the raw transcript or subtitle input.

What are the limitations of automated scenario generation from transcripts?

The automated scenario generation is limited to producing 3 to 5 scenes per video. It requires raw transcripts or subtitles as input and relies on default designs if a specific visual template is not detected.

Does motion-from-transcript work with raw subtitles for MP4 rendering?

Yes, the pipeline works with raw subtitles. It converts them into a complete motion-design video by generating a JSON scenario, AI visuals, and a TSX animation, ultimately rendering an MP4 file end-to-end.