skills.rest
renmengwen
renmengwenCOMMUNITY
Explore all skills by this author →
GitHub

vfx-text-cursor

Generate video intros with word-by-word text reveal effects using HTML/CSS/GSAP.

90|15|Updated Jun 6, 2026
Search Tags:#VFX#text reveal#video intro#video effect#HTML/CSS/GSAP
One-click install
npx skills add https://github.com/renmengwen/MuseDock --skill vfx-text-cursor-renmengwen
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vfx-text-cursor
Source: https://github.com/renmengwen/MuseDock/tree/main/server/templates/vfx-text-cursor
Command: npx skills add https://github.com/renmengwen/MuseDock --skill vfx-text-cursor-renmengwen

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the challenge of creating captivating video intros with word-by-word text reveal effects, offering a professional visual touch to video presentations.

Core Features & Use Cases

  • Word-by-Word Text Reveal: Gradually reveals text, creating a dynamic and engaging visual effect.
  • Customizable Effects: Offers customizable cursor light trails, chromatic rays, and directional flares.
  • Aspect Ratio Guide: Designed for 1920x1080 (16:9) aspect ratio to ensure optimal visual experience.
  • Use Case: Perfect for video intros where you want to present a key quote or statement in an eye-catching manner.

Quick Start

Use the 'vfx-text-cursor' skill to create a video intro with a text reveal effect for your "Company Launch Presentation".

Frequently Asked Questions about vfx-text-cursor

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

FAQPage Schema
How do I create a word-by-word text reveal effect for a video intro?▼

A word-by-word text reveal effect is an animation technique that gradually displays text to create a dynamic visual experience. It is generated using HTML, CSS, and GSAP frame engineering, offering customizable cursor light trails, chromatic rays, and directional flares for video intros.

What do I need to render a GSAP text reveal video with system Chrome?▼

To render a GSAP text reveal video with system Chrome, you need a well-configured environment that includes system Chrome, ffmpeg, and ffprobe. These tools handle the rendering of HTML/CSS/GSAP frames and the subsequent video generation process.

Can I use this text reveal effect for presentations not in a 16:9 aspect ratio?▼

This text reveal effect is specifically designed for a 1920x1080 (16:9) aspect ratio to ensure an optimal visual experience. Using it for presentations with different aspect ratios may result in suboptimal rendering or require manual adjustments to the frame layout.

How to add cursor light trails and chromatic rays to a video intro?▼

You can add cursor light trails and chromatic rays to a video intro by applying customizable effect parameters within the HTML/CSS/GSAP frame engineering process. These visual flares enhance the word-by-word text reveal, creating an engaging visual effect for key statements.

Does generating an HTML/CSS video intro require ffmpeg?▼

Yes, generating an HTML/CSS video intro requires ffmpeg and ffprobe alongside system Chrome. These dependencies are necessary to process the rendered HTML/CSS/GSAP frames and compile them into the final video output file.

Related Skills

Explore More Design & Creative Skills→
MCERQUAMCERQUA
1

hyperframes

Convert HTML compositions into frame-accurate video files using headless Chrome and FFmpeg.

Community
Intermediate
hector-mannyhector-manny

video-editing

Structure, transcribe, edit, and augment video footage with AI-assisted workflows.

Community
Advanced
47thtechcorner47thtechcorner
21

hyperframes

Render HTML, CSS, and GSAP compositions into video files.

Community
Advanced
robertbr123robertbr123

hyperframes

Generate animated video compositions from HTML with GSAP timelines and FFmpeg.

Community
Advanced