屏幕上一行大字砸下，番红第二行亮起，这就是帮你做海报式视频开场的网页模板，专供设计师和编辑。
怎么用
• frame-bold-poster
• frame-bold-signal
• frame-build-minimal
• frame-creative-voltage
• frame-data-chart-nyt
• frame-data-rollup
• frame-electric-studio
• frame-glitch-title
• frame-light-leak-cinema
• frame-liquid-bg-hero
• frame-logo-outro
• frame-pentagram-stat
• frame-takram-organic
• vfx-text-cursor
核心用法
在需要做视频开场、标题页或宣传封面时，直接用这个 HTML 模板输出 1920×1080 画面。标题最多三行，第 2 行会自动使用番红色；动画由 @keyframes 驱动，并在 prefers-reduced-motion 下停在终态。
触发场景
品牌宣言开场、愿景陈述开场、社论或文化类开场、需要杂志封面感的少量大字陈述、需要把标题控制在三行以内的海报式视频
优劣特点
亮点：1920×1080 的单文件 HTML（超文本标记语言）模板，版式和动效节点明确；只用纸白、墨黑和唯一番红强调色，视觉签名稳定；支持 prefers-reduced-motion（减少动态偏好）下停在终态。局限：不适合信息密度高的段落内容；标题最多 3 行，且必须使用真实标题，不能用 lorem ipsum。
适用人群
需要把品牌宣言、愿景陈述、社论或文化类开场做成视频海报的设计师、编辑、内容团队，以及使用 Claude Code、Cursor 或 Codex 生成 HTML 视频模板的开发者。
详细说明
面向设计前端的单文件 HTML 视频模板，适合制作 1920×1080 的海报式开场画面。支持 kicker、主视觉字形、三行标题、副题和 footer 依次动画呈现，并统一使用单一强调色番红。
常见问题
它是做什么的？
屏幕上一行大字砸下，番红第二行亮起，这就是帮你做海报式视频开场的网页模板，专供设计师和编辑。
支持哪些工具？
这个技能可以装进 Claude Code、Codex。
怎么用？
• frame-bold-poster • frame-bold-signal • frame-build-minimal • frame-creative-voltage • frame-data-chart-nyt • frame-data-rollup • frame-electric-studio • frame-glitch-title • frame-light-leak-cinema • frame-liquid-bg-hero • frame-logo-outro • frame-pentagram-stat • frame-takram-organic • vfx-text-cursor
源码在哪里？
源码地址：https://github.com/nexu-io/html-video
怎么安装？
安装在星算助手客户端里完成 —— 由它决定装进 Claude Code、Codex 还是别的工具，并写好对应配置。