frame-build-minimal

Name: frame-build-minimal
Availability: InStock
Author: renmengwen

Construct HTML/CSS/GSAP hero videos with letter-by-letter word reveal.

90|15|Updated Jun 6, 2026

Search Tags:#video marketing #video creation #HTML/CSS/GSAP #animated hero #luxury-minimal

Ready to run

npx skills add https://github.com/renmengwen/MuseDock --skill frame-build-minimal

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: frame-build-minimal
Source: https://github.com/renmengwen/MuseDock/tree/main/server/templates/frame-build-minimal
Command: npx skills add https://github.com/renmengwen/MuseDock --skill frame-build-minimal

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill allows users to create visually striking, luxury-minimal whitespace hero videos with an animated word reveal effect, perfect for branding and promotional purposes.

Core Features & Use Cases

Animated Word Reveal: Words appear letter by letter with a warm-gold hairline and breathing indicators.
Customization: Supports custom hero words, descriptions, and duration.
Aspect Ratio: Optimized for 1920×1080 (16:9) aspect ratio.
Use Case: Ideal for creating high-impact hero videos for websites, presentations, and marketing materials.

Quick Start

Use the frame-build-minimal skill to create a hero video with the word 'Innovation' and a description 'Revolutionize your brand with cutting-edge solutions.' Set the duration to 5 seconds.

Frequently Asked Questions about frame-build-minimal

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

FAQPage Schema

How do I create a luxury-minimal hero video with word reveal animation for brand marketing?▼

To create a luxury-minimal hero video with word reveal animation, provide custom hero words, descriptions, and duration to generate an HTML/CSS/GSAP animated sequence outputting a 1920×1080 video optimized for branding and promotional purposes.

What is a letter-by-letter word reveal effect in HTML/CSS/GSAP and when is it needed?▼

A letter-by-letter word reveal effect in HTML/CSS/GSAP animates text characters sequentially with a warm-gold hairline and breathing indicators. It is needed for high-impact hero videos in brand and marketing promotions to create a luxury-minimal whitespace aesthetic.

Can I customize the hero words and duration in an animated hero video?▼

Yes, you can customize the animated hero video by providing your own hero words, descriptions, and duration. For example, you can set the hero word to 'Innovation' with a custom description and specify a 5-second duration to match your marketing requirements.

Does frame-build-minimal require a specific hyperframes engine version?▼

Yes, frame-build-minimal requires the hyperframes engine version 0.4.0 or higher to function correctly. Ensure your environment meets this prerequisite before generating the HTML/CSS/GSAP animated hero videos.

What is the best way to generate a 16:9 hero video for website marketing materials?▼

The best way to generate a 16:9 hero video for website marketing materials is using frame-build-minimal, which is optimized for 1920×1080 aspect ratio. It constructs HTML/CSS/GSAP animations with a luxury-minimal whitespace design ideal for high-impact presentations and promotional content.