Agent Skills
› nexu-io/html-video
nexu-io/html-video
GitHub提供1970年代欧洲社论风格的大胆海报帧动画模板，用于品牌宣言或文化类开场。包含精确的时间轴、配色纪律及字体规范，通过单文件HTML实现高性能动效，强调视觉冲击力与信息提炼。
Install All Skills
npx skills add nexu-io/html-video --all -g -y
Skills in Collection (14)
提供1970年代欧洲社论风格的大胆海报帧动画模板，用于品牌宣言或文化类开场。包含精确的时间轴、配色纪律及字体规范，通过单文件HTML实现高性能动效，强调视觉冲击力与信息提炼。
需要制作具有强烈视觉冲击力的品牌宣言视频
社论或文化类内容的动态开场设计
生成复古风格的杂志封面式动画
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区域或优雅标题卡。包含逐字浮现动画、留白设计及暖金配色规范，适用于前端视觉展示。
需要创建高端品牌首页横幅
生成优雅的单词陈述动画
制作极简风格标题卡片
npx skills add nexu-io/html-video --skill frame-build-minimal -g -y
提供创意电压分屏帧模板，用于生成具有能量感的品牌标题动画。通过错位面板滑动、描边强调和手写笔触效果，打造复古现代风格的Hero视觉展示，适用于前端网页或演示文稿的开场设计。
需要制作带有动态效果的标题动画
创建具有电光风格的品牌视觉素材
生成单文件HTML创意展示页面
npx skills add nexu-io/html-video --skill frame-creative-voltage -g -y
将CSV/JSON数据或文本结论转化为纽约时报风格的单帧动画数据图表，生成手写SVG的HTML文件，支持错峰揭示动画与严格的设计规范。
需要将数据可视化为NYT风格图表
生成适合社交媒体传播的数据可视化卡片
npx skills add nexu-io/html-video --skill frame-data-chart-nyt -g -y
原生Remotion数据滚动帧模板，利用弹簧物理实现柱状图生长与数字同步滚动。支持自定义数据、配色及画布比例，适用于视频中的KPI或指标动态展示，确保离线渲染确定性。
需要为视频添加动态数据可视化
生成带有数值滚动画式的图表帧
制作KPI或增长指标的动态展示
npx skills add nexu-io/html-video --skill frame-data-rollup -g -y
提供高对比度分屏引言动画模板，支持上下屏开合、Accent条生长及文字逐行浮现，适用于引用语或使命陈述的视觉呈现。
需要制作引言或推荐语的动态展示效果
要求高对比度的分屏式标题或使命陈述动画
npx skills add nexu-io/html-video --skill frame-electric-studio -g -y
提供赛博朋克风格故障艺术标题帧的HTML/CSS模板，支持RGB偏移、切片动画及噪点效果，适用于视频转场或Hero区域。
需要制作故障艺术风格的标题或过渡画面
生成赛博朋克风格的单页HTML视觉组件
npx skills add nexu-io/html-video --skill frame-glitch-title -g -y
提供具有胶片漏光、颗粒感和衬线字体的电影级开场或章节卡视觉模板，支持2.39:1画幅与入场动效，生成单文件HTML。
需要制作视频章节标题卡
生成复古胶片风格静态帧
创建纪录片开场画面
npx skills add nexu-io/html-video --skill frame-light-leak-cinema -g -y
生成单文件HTML流体背景Hero组件，支持CSS/Canvas/WebGL三种实现及多色调色板，适配视频片头或着陆页，确保响应式与无障碍访问。
需要流体动画背景
制作视频片头或海报底图
生成SaaS Landing页面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模板，展示单一关键指标。包含大数字锚点、红色强调色及条形图动画，适用于编辑风数据页或Benchmark揭示场景。
需要制作单关键指标的数据可视化页面
要求生成具有瑞士设计风格的红黑配色统计图表
需要带有入场动画效果的HTML数据帧
npx skills add nexu-io/html-video --skill frame-pentagram-stat -g -y
提供Takram风格的单文件HTML动画模板，用于展示系统架构或概念网络。包含柔和配色、毛玻璃卡片及SVG节点扩散动效，支持无障碍适配。
需要制作系统架构图演示
生成柔和风格的概念可视化页面
创建单文件HTML动画卡片
npx skills add nexu-io/html-video --skill frame-takram-organic -g -y
生成视频开场文字逐字浮现特效，包含光标打字、色差尾迹及定向光斑效果。适用于Hero帧或引言展示，支持单文件HTML实现。
需要制作视频开场的文字动画
实现逐字显现的打字机特效
添加带有光晕和尾迹的文字揭示效果
npx skills add nexu-io/html-video --skill vfx-text-cursor -g -y
