video-template-frame-swiss-grid

Generate structured Swiss Grid motion videos using HTML, CSS, and GSAP animation sequences.

93.2k|10.8k|Updated Apr 28, 2026

Search Tags:#video #presentation #Grid #GSAP #Motion #swiss #Hyperframes

One-click install

npx skills add https://github.com/nexu-io/open-design --skill video-template-frame-swiss-grid

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: video-template-frame-swiss-grid
Source: https://github.com/nexu-io/open-design/tree/main/plugins/_official/video-templates/frame-swiss-grid
Command: npx skills add https://github.com/nexu-io/open-design --skill video-template-frame-swiss-grid

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the difficulty of creating high-quality, motion-heavy corporate presentation videos without requiring complex video editing software or manual keyframing.

Core Features & Use Cases

Deterministic Rendering: Produces consistent MP4 or WEBM video files from HTML/CSS templates.
Motion Composition: Utilizes GSAP for precise, timeline-based animation of typography and grid elements.
Use Case: Ideal for generating corporate slide decks, minimal report cards, or typography-led title sequences for professional presentations.

Quick Start

Use the video-template-frame-swiss-grid skill to create a 10-second presentation video by replacing the sample copy with your content and rendering the result to MP4.

Frequently Asked Questions about video-template-frame-swiss-grid

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

FAQPage Schema

How do I customize the Swiss Grid video template?▼

Modify the HTML and CSS files located in the source directory to update headlines, figures, and labels while maintaining the existing GSAP animation timeline.

What video formats are supported by this template?▼

The template supports rendering to MP4 and WEBM formats at a 16:9 aspect ratio, with a default duration of 10 seconds at 30 frames per second.

Can I add external assets to the video composition?▼

Avoid adding external network assets to ensure the headless renderer can process the composition reliably; keep all assets self-contained within the source directory.

What is the recommended use case for this template?▼

This template is best suited for corporate slides, minimal report cards, and typography-led title sequences that benefit from a structured, grid-based layout.