Skip to main content

video-template-frame-bold-signal

Use this plugin when the user wants a "Bold Signal Frame" HyperFrames motion video — Bold colored card on a dark gradient — big section number, nav breadcrumb, orange card sliding in, title rising.

الانتقال إلى التثبيت

معلومات المصدر

المستودع
nexu-io/open-design
آخر نشاط في المصدر
١٤ يوليو ٢٠٢٦ في ٠٨:٤٣
لغة SKILL.md المكتشفة
الإنجليزية
النجوم
٩٧٬٤٧١
التفرعات
١١٬٣١٧

خيارات التثبيت

يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.

مراجعة ملفات المصدر

اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.

مستكشف الملفات
11 ملفات

عرض SKILL.md

SKILL.md
تعليمات المصدر · معاينة للقراءة فقط
name
video-template-frame-bold-signal
description
Use this plugin when the user wants a "Bold Signal Frame" HyperFrames motion video — Bold colored card on a dark gradient — big section number, nav breadcrumb, orange card sliding in, title rising.
license
Apache-2.0
metadata
{"author":"nexu-io","version":"0.1.0"}
od
{"mode":"video","scenario":"video","surface":"hyperframes"}
# Bold Signal Frame Bold colored card on a dark gradient — big section number, nav breadcrumb, orange card sliding in, title rising. ## 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:** Section / chapter divider · Bold launch statement · High-impact title card ## 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 not introduce external network assets that would break a headless render. 4. Render to MP4 via the html-video / HyperFrames renderer. ## Attribution Source: html-video `templates/frame-bold-signal` (license Apache-2.0). Derived from frontend-slides (Zara Zhang, MIT) — https://github.com/zarazhangrui/frontend-slides.
عرض على GitHub