nexu-io/open-design

video-template-frame-liquid-bg-hero

Use this plugin when the user wants a "Liquid Background Hero" HyperFrames motion video — WebGL-style fluid displacement background with a quote overlay, suited to video intros, landing heroes, or posters.

68Collecting

See source evidence View GitHub source

npx skills add https://github.com/nexu-io/open-design --skill "plugins/_official/video-templates/frame-liquid-bg-hero"

Source profileOperationsCatalog only

Source checked Jul 28, 2026·Refresh due Oct 26, 2026

Limited to facts supported by the pinned source

What the pinned source establishes about video-template-frame-liquid-bg-hero

WebGL-style fluid displacement background with a quote overlay, suited to video intros, landing heroes, or posters.

npx skills add https://github.com/nexu-io/open-design --skill "plugins/_official/video-templates/frame-liquid-bg-hero"

Check the pinned source

The pinned source contains about 131 English words and 3 usable sections. That evidence supports a source profile, not a complete guide.

131 source words · 3 usable sections

What the source actually contains

3 verifiable source sections for video-template-frame-liquid-bg-hero

Sections are extracted automatically from the pinned SKILL.md and link back to the source.

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. 3. Keep the composition self-contained under source/; do…

SKILL.md · Workflow

Read source/index.html to understand the named layers and the animation timeline.Replace the sample copy (headlines, figures, labels) with the user's real content; keep the motion timing and visual signature intact.Keep the composition self-contained under source/; do not introduce external network assets that would break a headless render.

What this template is

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

SKILL.md · What this template is

A HyperFrames-ready HTML + CSS + GSAP motion composition, bundled under source/. It renders deterministically to MP4 / WEBM at 16:9, 9:16, 1:1, default 15s, 60fps.Best for: Product launch hero · SaaS landing video · Editorial cover

Attribution

Source: html-video templates/frame-liquid-bg-hero (license Apache-2.0).

SKILL.md · Attribution

Source: html-video templates/frame-liquid-bg-hero (license Apache-2.0).

Choose a different workflow

When another Skill is the better fit

opentrons-integration

Author, review, migrate, simulate, and troubleshoot official Opentrons Python Protocol API v2 protocols for Flex and OT-2 robots. Use for robot-specific liquid handling, deck and labware setup, pipettes, modules, runtime parameters, liquid classes, and Opentrons App analysis. Use pylabrobot instead when one workflow must support multiple robot vendors.

A separate implementation from K-Dense-AI/scientific-agent-skills; compare its source, maintenance signals, and permission requirements.

Open source detail

pylabrobot

Develop and review PyLabRobot lab-automation resources, liquid-handling plans, offline simulations, and supported-device integrations. Use for PyLabRobot protocols or API questions; keep physical execution behind an explicit operator safety gate.

A separate implementation from K-Dense-AI/scientific-agent-skills; compare its source, maintenance signals, and permission requirements.

Open source detail

content-management-systems

Workflow for building and modifying content management systems across WordPress, Shopify, Wix, Squarespace, Drupal, WooCommerce, Joomla, HubSpot CMS Hub, Webflow, Adobe Experience Manager, and similar platforms. Use when working on CMS themes, plugins, apps, modules, admin panels, media uploads, content models, editors, markdown pipelines, or static export workflows.

A separate implementation from github/awesome-copilot; compare its source, maintenance signals, and permission requirements.

Open source detail

FAQ

How do I install video-template-frame-liquid-bg-hero?

The source record exposes this install command: npx skills add https://github.com/nexu-io/open-design --skill "plugins/_official/video-templates/frame-liquid-bg-hero". Inspect the command and pinned source before running it.

Repository stars

82,073

Repository forks

9,485

Quality

68/100

Source repository last pushed

2026-07-28

Quality breakdown

Based on traceable docs and repository signals; stars are not treated as quality.

68/100

Documentation17/30

Specificity14/25

Maintenance20/20

Trust signals17/25

Compare before choosing

Related Agent Skills and source variants

These links are selected from shared tasks, functions, stacks, platforms, and same-name variants. Compare the source owner, documentation, permissions, and maintenance signals.

opentrons-integration by k-dense-ai

pylabrobot by k-dense-ai

content-management-systems by github

shopify-expert by jeffallan

Builds and debugs Shopify themes (.liquid files, theme.json, sections), develops custom Shopify apps (shopify.app.toml, OAuth, webhooks), and implements Storefront API integrations for headless storefronts. Use when building or customizing Shopify themes, creating Hydrogen or custom React storefronts, developing Shopify apps, implementing checkout UI extensions or Shopify Functions, optimizing performance, or integrating third-party services. Invoke for Liquid templating, Storefront API, app dev

widgetkit by dpearson2699

Implement, review, or improve WidgetKit widgets and controls. Use when building Home Screen, Lock Screen, StandBy, or CarPlay widgets with timeline providers; configurable widgets with AppIntentTimelineProvider; interactive widgets or Control Center controls with Button/Toggle wiring; WidgetKit push reloads, refresh budgets, deep links, Smart Stack relevance, Liquid Glass/accented rendering, widget extension setup, WidgetBundle, App Groups, and entitlements.

View original Skill.mdThis page is parsed directly from the repository SKILL.md without editorial rewriting. Collected: Jul 28, 2026 · about 1 min

Liquid Background Hero

WebGL-style fluid displacement background with a quote overlay, suited to video intros, landing heroes, or posters.

What this template is

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

Best for: Product launch hero · SaaS landing video · Editorial cover

Workflow

Read source/index.html to understand the named layers and the animation timeline.
Replace the sample copy (headlines, figures, labels) with the user's real content; keep the motion timing and visual signature intact.
Keep the composition self-contained under source/; do not introduce external network assets that would break a headless render.
Render to MP4 via the html-video / HyperFrames renderer.

Attribution

Source: html-video templates/frame-liquid-bg-hero (license Apache-2.0).

Source repo: nexu-io/open-design
Skill path: plugins/_official/video-templates/frame-liquid-bg-hero/SKILL.md
Commit SHA: 89d6d4ef21ba
Repository license: Apache-2.0
Data collected: Jul 28, 2026