Agent Skills
› nexu-io/html-video
nexu-io/html-video
GitHub提供1970年代风格大胆海报帧的HTML/CSS模板，用于品牌宣言或社论开场。包含严格的时间轴动画、配色及字体规范，确保视觉冲击力与无障碍体验。
Install All Skills
npx skills add nexu-io/html-video --all -g -y
Skills in Collection (14)
提供1970年代风格大胆海报帧的HTML/CSS模板，用于品牌宣言或社论开场。包含严格的时间轴动画、配色及字体规范，确保视觉冲击力与无障碍体验。
需要制作具有强烈视觉冲击力的品牌宣言或愿景陈述视频/动效
生成类似杂志封面的社论或文化类开场动画
npx skills add nexu-io/html-video --skill frame-bold-poster -g -y
生成高冲击力的章节分隔或标题卡动画，采用暗底渐变与橙色焦点卡设计。提供单文件HTML模板，支持响应式动效与无障碍访问，适用于前端演示文稿或网页视觉强调场景。
需要制作视频章节过渡动画
生成高对比度标题卡片
创建带有导航面包屑的演示页头
npx skills add nexu-io/html-video --skill frame-bold-signal -g -y
用于生成奢华极简风格的单文件HTML品牌Hero帧，包含逐字动画、暖金配色及呼吸效果，适用于高端品牌展示。
需要生成高端品牌首页英雄区动画
创建单文件HTML文字浮现特效
npx skills add nexu-io/html-video --skill frame-build-minimal -g -y
提供创意电压风格的分屏帧动画模板，通过错位滑入、描边高亮及手写元素揭示标题。生成单文件HTML，适用于品牌活动Hero区或复古现代视觉展示，强调电光蓝配色与无障碍支持。
需要制作具有能量感的品牌标题动画
创建带有手写人味的创意揭示效果
生成复古现代风格的Hero区域视觉
npx skills add nexu-io/html-video --skill frame-creative-voltage -g -y
生成纽约时报风格的数据可视化单帧或动画图表，支持折线、柱状及范围带。通过手写SVG实现排版与错峰揭示动画，无需重型库，适配视频片段或社交媒体卡片展示。
需要将CSV或JSON数据转换为新闻级图表
制作带有NYT风格的动态数据可视化
npx skills add nexu-io/html-video --skill frame-data-chart-nyt -g -y
Remotion原生数据滚动帧模板，利用弹簧物理实现柱状图生长与数字同步滚动，支持真实数据驱动、响应式布局及离线确定性渲染。
需要制作动态数据可视化视频
在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
提供故障艺术风格标题帧的HTML模板，包含RGB偏移、切片动画和噪点效果，用于视频转场或赛博朋克风格Hero展示。
需要制作故障艺术风格的标题
生成赛博朋克风格视频转场素材
创建单帧Hero视觉元素
npx skills add nexu-io/html-video --skill frame-glitch-title -g -y
生成具有胶片漏光、颗粒感和衬线字体的电影风格单帧HTML模板，适用于纪录片或视频章节卡开场。
需要制作电影感开场画面
生成带胶片质感的静态图像
创建视频章节标题页
npx skills add nexu-io/html-video --skill frame-light-leak-cinema -g -y
生成单文件HTML流体背景Hero组件，支持视频片头、着陆页或海报。提供CSS/Canvas/WebGL三种实现，内置四种配色与响应式文字层，强调性能与无障碍体验。
需要制作流体动效背景
生成着陆页Hero区域代码
创建视频片头静态帧
设计海报底图
npx skills add nexu-io/html-video --skill frame-liquid-bg-hero -g -y
生成视频结尾品牌展示帧的HTML模板，包含Logo分块拼装、光晕特效及Tagline动画。
需要制作视频结尾的品牌Logo动画
生成带有发光和入场效果的单页HTML品牌展示
npx skills add nexu-io/html-video --skill frame-logo-outro -g -y
基于瑞士网格风格的单关键指标数据可视化模板，通过动画展示巨型数字、红色强调及条形图。生成单文件HTML，适用于编辑风数据页或基准对比，严格限制配色与内容真实性。
需要展示单一核心指标的动态数据帧
制作具有编辑风格的数据可视化页面
生成瑞士网格风格的数据图表HTML
npx skills add nexu-io/html-video --skill frame-pentagram-stat -g -y
提供Takram风格柔和有机帧动画模板，用于系统架构或产品叙事的单文件HTML可视化。包含毛玻璃卡片、SVG径向节点图及CSS关键帧动画，强调自然呼吸感与无障碍支持。
需要制作系统/架构概念揭示的视觉展示
生成温暖风格的产品叙事动画页面
创建网络或记忆关系的图解可视化
npx skills add nexu-io/html-video --skill frame-takram-organic -g -y
用于生成视频开场或Hero帧的VFX文字光标特效，实现逐字打字机效果、彩色像散尾迹及定向光斑。
需要制作视频开场动画
需要为文字添加打字机揭示特效
npx skills add nexu-io/html-video --skill vfx-text-cursor -g -y
