video-template-frame-bold-poster

Generate 1970s-style editorial motion posters using HTML, CSS, and GSAP animation sequences.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates the creation of high-impact, print-inspired motion graphics, eliminating the need for manual video editing for brand manifestos or pitch openers.

Core Features & Use Cases

  • Deterministic Rendering: Produces consistent MP4 or WEBM video files from HTML/CSS templates.
  • Editorial Motion Design: Implements specific 1970s-style typography and animation signatures like red rule drawing and tilted figure drops.
  • Use Case: Use this template to generate a professional brand manifesto video for a presentation, ensuring a consistent visual identity without using complex video editing software.

Quick Start

Use the video-template-frame-bold-poster skill to generate a 15-second 16:9 video with my custom headline and standfirst text.

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

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

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

Modify the content within the source/index.html file by updating the text elements inside the .head and .standfirst classes. Ensure you maintain the existing CSS structure to preserve the animation timing.

What video formats are supported by this template?

The template supports rendering to MP4 and WEBM formats at 60fps. You can specify your preferred format and duration through the provided input parameters.

Can I change the animation speed of the poster elements?

Animation speeds are defined via CSS @keyframes in source/index.html. You can adjust the animation duration values to modify the motion pacing while keeping the visual signature intact.

Does this template require external assets?

The template is designed to be self-contained under the source/ directory. Avoid adding external network assets to ensure the headless renderer can process the video without connectivity issues.