القائمة
Cursor light trail, chromatic rays, and directional flares for word-by-word quote reveals in video intros.
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
يتجاوز الأمر المباشر Prompt المخصّص للمراجعة. افحص المصدر قبل تشغيله.
npx skills add https://github.com/nexu-io/html-video --skill vfx-text-cursorيبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.
تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.
A native Remotion data frame — bars grow from zero by real data via spring physics while the figures roll 0→target in sync. The numbers come alive in a way a static HTML chart can't.
A 1970s European editorial poster in motion — a red rule draws across, a giant tilted figure drops in, a three-line headline rises line-by-line, an italic serif standfirst fades.
Bold colored card on a dark gradient — big section number, nav breadcrumb, orange card sliding in, title rising.
استنادا إلى تصنيف SOC المهني
عرض SKILL.md
| name | vfx-text-cursor |
| zh_name | VFX 文字光标 |
| en_name | VFX Text Cursor |
| emoji | ✨ |
| description | Cursor light trail, chromatic rays, and directional flares for word-by-word quote reveals in video intros. |
| zh_description | 光标拖光 + 彩色像散射线 + 定向光斑, 适合视频片头逐字揭示金句 |
| en_description | Cursor light trail, chromatic rays, and directional flares for word-by-word quote reveals in video intros. |
| category | video |
| scenario | video |
| aspect_hint | 1920×1080 (16:9) |
| featured | 38 |
| recommended | 7 |
| tags | ["vfx","text","cursor","chromatic","reveal","frame"] |
| example_id | sample-vfx-text-cursor |
| example_name | VFX 光标 · 开场金句 |
| example_format | markdown |
| example_tagline | 逐字揭示 + chromatic 拖光 |
| example_desc | 光标打字 hot pink + cyan 像散, 视频开场用 |
| example_source_url | https://hyperframes.heygen.com/catalog |
| example_source_label | hyperframes · vfx-text-cursor |
| od | {"mode":"video","surface":"video","scenario":"video","featured":0.15,"upstream":"https://github.com/nexu-io/html-anything","preview":{"type":"html","entry":"index.html","reload":"debounce-100"},"design_system":{"requires":false},"example_prompt":"Use the VFX Text Cursor template to turn my content into a video-intro quote reveal with cursor light trails, chromatic rays, and directional flares. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images.","example_prompt_i18n":{"zh-CN":"用「VFX 文字光标」模板把我的内容做成一段「光标拖光 + 彩色像散射线 + 定向光斑, 适合视频片头逐字揭示金句」。保持模板的视觉签名，使用真实内容和数据，避免 lorem ipsum 和占位图片。"}} |
【模板: VFX 文字光标 (Text Cursor)】 【意图】视频开场/Hero 帧 —— 光标在画布上"打字", 文字逐字浮现, 后面拖着彩色像散尾迹 + 定向光斑。Inspired by hyperframes vfx-text-cursor。
【画布】1920×1080, 背景 #06070a 暗哑黑 或 #0a0d12 (有暖偏蓝); 加微妙 vignette。
【内容】
Inter Tight / Source Sans 3 / Noto Sans SC。▍ (或细 vertical bar)。#f5f5f7, opacity 1; 即将揭示位置加 chromatic ghost: 一份 text-shadow: 2px 0 #ff3b6f, -2px 0 #00d4ff 在 reveal 瞬间, 200ms 内收敛回正常。#ff3b6f / cyan #00d4ff / amber #ffb547), 闪烁 @keyframes 1.0s 周期; 后面拖一条 60-120px 的 motion blur trail (径向渐变到透明)。【光斑 / 射线】
linear-gradient(45deg, transparent, accent20, transparent) 的细长矩形 + mix-blend-mode: screen, 不规则角度。【字段】
00:03:21 mono)。【设计细节】
Inter Tight Bold; 中文 Noto Sans SC Bold; 严禁衬线。@keyframes + JS 计时器 (setTimeout 逐字), 可被 prefers-reduced-motion 关闭 (直接显示所有字)。