Skip to main content

video-template-frame-pentagram-stat

Use this plugin when the user wants a "Pentagram Stat Frame" HyperFrames motion video — Swiss-grid statistic anchor — giant number, red accent, growing bars, black data bar. Rational and editorial.

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

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

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

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

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

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

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

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

عرض SKILL.md

SKILL.md
تعليمات المصدر · معاينة للقراءة فقط
name
video-template-frame-pentagram-stat
description
Use this plugin when the user wants a "Pentagram Stat Frame" HyperFrames motion video — Swiss-grid statistic anchor — giant number, red accent, growing bars, black data bar. Rational and editorial.
license
Apache-2.0
metadata
{"author":"nexu-io","version":"0.1.0"}
od
{"mode":"video","scenario":"video","surface":"hyperframes"}
# Pentagram Stat Frame Swiss-grid statistic anchor — giant number, red accent, growing bars, black data bar. Rational and editorial. ## What this template is A HyperFrames-ready HTML + CSS + GSAP motion composition, bundled under `source/`. It renders deterministically to MP4 / WEBM at 16:9, 1:1, default 15s, 60fps. **Best for:** Single hero metric / benchmark reveal · Editorial data slide · Rational, high-contrast brand moment ## 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-pentagram-stat` (license Apache-2.0). Derived from huashu-design (alchaincyf (花叔 · 花生), MIT) — https://github.com/alchaincyf/huashu-design. Stylistic inspiration (L1, not affiliated): Pentagram (Michael Bierut).
عرض على GitHub