Agent Skills
› nexu-io/html-video
nexu-io/html-video
GitHub1970s风格大胆海报帧模板，用于品牌宣言或社论开场。含精确时间轴动画、配色及排版纪律，支持单文件HTML生成杂志封面式视觉动效。
Install All Skills
npx skills add nexu-io/html-video --all -g -y
Skills in Collection (14)
1970s风格大胆海报帧模板，用于品牌宣言或社论开场。含精确时间轴动画、配色及排版纪律，支持单文件HTML生成杂志封面式视觉动效。
需要制作品牌愿景或文化类开场视频
生成具有强烈视觉冲击力的静态/动态海报帧
npx skills add nexu-io/html-video --skill frame-bold-poster -g -y
生成高冲击力的章节分隔标题卡，包含数字、面包屑及橙色焦点卡动画。用于演示文稿或网页的视觉引导与重点强调，支持响应式动效与无障碍适配。
需要创建章节过渡动画
生成高对比度标题卡片
实现带有滑入效果的UI组件
npx skills add nexu-io/html-video --skill frame-bold-signal -g -y
生成奢华极简风格的单文件HTML帧，用于高端品牌Hero或标题卡。包含逐字动画、暖金配色及留白设计，支持响应式与无障碍适配。
需要生成高端品牌视觉帧
制作奢华极简风格标题卡
创建带逐字动画的Hero区域
npx skills add nexu-io/html-video --skill frame-build-minimal -g -y
提供带手写风格与电光效果的创意分屏标题动画模板，适用于品牌活动或Hero区域，支持响应式及无障碍设置。
需要制作具有能量感的品牌标题动画
创建带有手写人味的创意揭示效果
开发复古现代风格的Hero区域视觉
npx skills add nexu-io/html-video --skill frame-creative-voltage -g -y
将数据或结论转化为纽约时报风格的单帧动画图表，支持折线、柱状图及错峰揭示动画。生成符合编辑规范的手写SVG HTML文件，适配视频或社交媒体展示。
需要制作新闻风格的数据可视化图表
将CSV/JSON数据转换为HTML/SVG动画
生成适合推特卡或视频片段的静态/动态图表
npx skills add nexu-io/html-video --skill frame-data-chart-nyt -g -y
Remotion原生数据滚动帧模板，利用弹簧物理让柱状图生长并同步数字滚动。适用于视频中的KPI或增长指标展示，支持自定义配色与响应式布局，确保离线渲染确定性。
需要为视频添加动态数据可视化
实现数字滚动和柱子生长的动画效果
npx skills add nexu-io/html-video --skill frame-data-rollup -g -y
提供电光风格分屏动画HTML模板，用于展示引言或使命陈述。通过白蓝双色面板、动态开合及逐行文字效果，实现高对比视觉呈现，支持响应式与无障碍访问。
需要制作引言动画
生成品牌展示页
创建高对比标题组件
npx skills add nexu-io/html-video --skill frame-electric-studio -g -y
提供故障艺术风格的单帧标题模板，用于视频转场或赛博朋克场景。包含RGB偏移、扫描线及噪点等视觉特效，支持自定义标题与副标。
需要制作赛博朋克风格标题
生成视频转场特效帧
创建故障艺术( Glitch )视觉效果
npx skills add nexu-io/html-video --skill frame-glitch-title -g -y
生成具有胶片漏光、颗粒感和衬线字体的电影风格单帧HTML，用于纪录片或短片章节卡。支持2.39:1画幅，包含暖色渐变、噪点纹理及入场动效，适配用户标题与元数据。
需要制作电影感开场画面
生成视频章节卡片
创建带有胶片质感的静态海报
npx skills add nexu-io/html-video --skill frame-light-leak-cinema -g -y
生成单文件HTML流体背景Hero组件，支持WebGL/CSS/Canvas三种实现，适配视频片头、着陆页或海报，内置预设配色与排版规范。
需要制作带有流体动画效果的网页头部或海报背景
生成单文件可运行的视觉特效HTML页面
npx skills add nexu-io/html-video --skill frame-liquid-bg-hero -g -y
生成视频结尾品牌展示帧的 HTML/CSS 模板，实现 Logo 分块拼装、光晕特效及标语浮现动画。
需要生成视频结尾品牌展示帧
制作 Logo 收尾动画
npx skills add nexu-io/html-video --skill frame-logo-outro -g -y
瑞士网格风格数据可视化组件，通过巨型数字锚点、红色强调与动态条形图展示关键指标。生成单文件HTML，支持响应式动效与无障碍静态降级，适用于编辑风数据页。
需要展示单一核心数据指标
制作具有设计感的统计图表
生成静态或动态的数据可视化页面
npx skills add nexu-io/html-video --skill frame-pentagram-stat -g -y
生成Takram风格的东方柔和有机帧动画，用于系统架构或产品叙事。包含毛玻璃卡片与放射节点图的错峰入场及漂浮效果，强调自然呼吸感与无障碍适配，输出单文件HTML。
需要展示系统/架构概念关系
制作温暖的产品叙事视频帧
生成网络或记忆图解动画
npx skills add nexu-io/html-video --skill frame-takram-organic -g -y
生成视频开场VFX文字光标特效的HTML模板，实现逐字打字机效果、彩色像散尾迹及定向光斑动画。
需要制作带有打字机动画的视频片头或Hero帧
要求实现文字逐字浮现并伴随光效和像散视觉反馈
npx skills add nexu-io/html-video --skill vfx-text-cursor -g -y
