skills.rest
nexu-io
nexu-ioOFFICIAL
Explore all skills by this author →
WebsiteGitHub

video-template-frame-bold-signal

Generate high-impact motion video templates using HTML, CSS, and GSAP animation timelines.

93.2k|10.8k|Updated Apr 28, 2026
Search Tags:#video#presentation#Animation#Motion#html-video#Hyperframes
One-click install
npx skills add https://github.com/nexu-io/open-design --skill video-template-frame-bold-signal
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: video-template-frame-bold-signal
Source: https://github.com/nexu-io/open-design/tree/main/plugins/_official/video-templates/frame-bold-signal
Command: npx skills add https://github.com/nexu-io/open-design --skill video-template-frame-bold-signal

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve?

This Skill automates the creation of professional-grade motion video assets, eliminating the need for manual video editing software when producing standardized section dividers or title cards.

Core Features & Use Cases

  • Deterministic Rendering: Produces consistent MP4 or WEBM video files from HTML/CSS compositions.
  • Motion Composition: Utilizes GSAP-driven animations for high-impact visual transitions like sliding cards and rising titles.
  • Use Case: Use this template to generate a series of branded section dividers for a technical presentation, ensuring consistent motion signatures across all chapters.

Quick Start

Use the video-template-frame-bold-signal skill to generate a 15-second 16:9 video divider with the title 'Bring your own agent'.

Frequently Asked Questions about video-template-frame-bold-signal

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

FAQPage Schema
How do I customize the text in the Bold Signal template?▼

Modify the content within the source/index.html file by updating the text nodes inside the .card-title and .card-label elements. The animation timeline will automatically apply the defined motion effects to your new content.

What video formats are supported by this template?▼

The template supports rendering to MP4 and WEBM formats at 60fps. You can specify the desired output format and duration through the provided input parameters during the generation process.

Can I change the animation speed of the sliding card?▼

Yes, you can adjust the animation duration and easing functions within the CSS @keyframes defined in the source/index.html file. The template uses standard CSS animations which are fully editable.

Does this template require external assets?▼

The template is designed to be self-contained within the source/ directory. It uses local font files and CSS to ensure deterministic rendering without relying on external network assets that could break the build.

Related Skills

Explore More Design & Creative Skills→
beam-ai-teambeam-ai-team

setup-linear-onboarding-template

Populate Linear onboarding templates with workspace content after user approval.

Official
Advanced
refly-airefly-ai
199

video-creator

Generates short AI-powered videos and scripts for social media platforms.

Official
Intermediate
desirecoredesirecore
2

minimax-tts

Convert input text into speech audio using MiniMax's T2A API.

Official
Intermediate
AWS-EducateAWS-Educate

remotion-render

Render MP4 videos from React/Remotion TSX code via the inference.sh CLI.

Official
Intermediate