Descriptions:
Hasan Aboul Hasan demonstrates a free, zero-editing-skill workflow for producing professional animated video graphics using AI code generation and a custom rendering pipeline. The core stack: Claude (used as a code generator) produces TSX component files, a browser studio at vidtsx.com handles live preview and style iteration, and a free desktop app called VTSX renders the final output to MP4 or transparent MOV for overlay use.
The video covers five practical applications: generating animated data charts styled from a screenshot reference (including a cyberpunk neon variant), creating animated code-reveal sequences for tutorial videos, generating TikTok-style synchronized captions from audio transcription with multiple visual styles (sparkles, trailing energy, chatter construct), producing text effects and logo reveals, and building complete 20-second educational explainer videos on topics like binary counting, gravity, and the Pythagorean theorem — all from natural language prompts.
All tools shown — the DSX Generator 2.0, the vidtsx.com studio, and the VTSX desktop renderer — are presented as free and publicly accessible, with a library of pre-built TSX animation templates available on the site. The workflow positions Claude as an After Effects replacement for creators who lack motion graphics skills, with the TSX intermediate format enabling both real-time browser preview and full video export without any manual animation work.
📺 Source: Hasan Aboul Hasan · Published January 23, 2026
🏷️ Format: Tutorial Demo
