メニュー
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.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/jhy0285/monofield --skill video-template-frame-liquid-bg-heroコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
Complete a bounded implementation goal in the current agent run, with explicit finish criteria and evidence-based verification. Use for requests that should continue through implementation and checks instead of stopping after a plan.
Professional trading analysis dashboard template (single-file HTML) with light/dark theme switch, dense market panels, chart interactions, demo/live playback, and command palette behavior. Use when users ask for a Wall-Street-style analytics terminal, trading cockpit, or high-tech financial dashboard template with realistic data layout.
A portable community plugin for validating MonoField plugin import flows.
SKILL.md を表示中
| name | video-template-frame-liquid-bg-hero |
| description | 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. |
| license | Apache-2.0 |
| metadata | {"author":"nexu-io","version":"0.1.0"} |
| od | {"mode":"video","scenario":"video","surface":"hyperframes"} |
WebGL-style fluid displacement background with a quote overlay, suited to video intros, landing heroes, or posters.
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
source/index.html to understand the named layers and the animation timeline.source/; do not introduce external network assets that would break a headless render.Source: html-video templates/frame-liquid-bg-hero (license Apache-2.0).