Individual skill

video-template-frame-swiss-grid

Use this plugin when the user wants a "Swiss Grid" HyperFrames motion video — Structured grid layout

plugins/_official/video-templates/frame-swiss-grid/SKILL.md

Read pinned source

Source commit e7a18df64d0e5e1161903e93bb5a302229dbeb96

What was checked

Matches the observed repository HEAD: Yes
Scanner rules are current: Yes
Repository scan complete: No
Skill scan complete: No
Observed behavior: Instructions only
Last checked: Nov 5, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings): 106,491
Repository last updated: Nov 7, 2026
License: Apache-2.0

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

ai-design Repository topic
byok Repository topic
design-systems Repository topic
claude-design Repository topic
hermes-agent Repository topic
agent-skills Repository topic
desktop-app Repository topic
figma-alternative Repository topic
prototyping Repository topic
ui-generator Repository topic
engineering Derived category

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files

SKILL.mdcore · 1,245 bytes
open-design.jsonasset · 3,352 bytes
preview.mp4asset · 529,596 bytes
preview.pngasset · 215,625 bytes
source/assets/swiss-grid.svgasset · 6,202 bytes
source/compositions/captions.htmlasset · 5,640 bytes
source/compositions/graphics.htmlasset · 5,635 bytes
source/compositions/intro.htmlasset · 3,405 bytes
source/index.htmlasset · 78,134 bytes
template.jsonasset · 885 bytes

Read excerpt


# Swiss Grid

Structured grid layout

## What this template is

A HyperFrames-ready HTML + CSS + GSAP motion composition, bundled under `source/`. It renders deterministically to MP4 / WEBM at 16:9, default 10s, 30fps.

**Best for:** Corporate slide · Minimal report card · Typography-led title

## Workflow

1. Read `source/index.html` to understand the named layers and the animation timeline.
2. Replace the sample copy (headlines, figures, labels) with the user's real content; keep the motion timing and visual signature intact.