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动画模板，用于品牌宣言或社论开场。包含特定字体、配色及逐行升起等动效规范，支持单文件实现。
需要制作具有复古印刷感的海报式视频开场
生成品牌愿景陈述的视觉化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
提供创意电压风格的分屏标题动画模板，采用电光蓝与暗色错位分割，结合手写体与描边特效，生成单文件HTML视觉组件。
需要制作具有能量感的品牌或活动标题展示
要求实现复古现代风格的Hero区域动画效果
需生成带有手绘人味的创意揭示视觉效果
npx skills add nexu-io/html-video --skill frame-creative-voltage -g -y
将CSV/JSON数据或结论转化为纽约时报风格的单帧动画图表，生成手写SVG的HTML文件。支持折线、柱状图及错峰揭示动画，严格遵循极简排版规范，适用于视频片段或社交媒体传播。
需要制作数据可视化图表
将数据分析结果转化为视觉内容
生成符合特定媒体风格的图表代码
npx skills add nexu-io/html-video --skill frame-data-chart-nyt -g -y
Remotion原生数据展示帧模板，利用弹簧物理让柱状图从0生长、数字滚动至目标值。支持自定义配色与布局，确保离线渲染确定性，适用于视频中的KPI或指标动态可视化。
需要为视频添加动态数据图表
实现数值滚动和柱子生长动画
制作KPI或增长指标的视觉呈现
npx skills add nexu-io/html-video --skill frame-data-rollup -g -y
提供电光风格分屏动画模板，用于展示引言或使命陈述。通过上下屏开合、线条生长及文字逐行浮现等动效，实现高对比视觉呈现，适用于前端演示与品牌宣传。
需要制作引言动画
创建品牌使命陈述页面
生成高对比度分屏视觉效果
npx skills add nexu-io/html-video --skill frame-electric-studio -g -y
提供赛博朋克风格故障艺术标题帧的HTML模板，包含RGB偏移、切片动画及噪点效果，适用于视频转场或Hero展示。
需要生成故障艺术风格的标题画面
制作赛博朋克或数据损坏效果的视觉元素
创建单文件HTML动态标题帧
npx skills add nexu-io/html-video --skill frame-glitch-title -g -y
生成具有古典胶片质感的电影开场或章节卡单帧，包含暖橙漏光、35mm颗粒及衬线大字效果。适用于纪录片或个人短片，通过HTML/CSS实现视觉风格。
需要制作带有复古胶片风格的视频封面或开场画面
请求生成具有漏光和颗粒感的电影感静态图像
npx skills add nexu-io/html-video --skill frame-light-leak-cinema -g -y
生成单文件HTML流体背景Hero组件，支持CSS/Canvas/WebGL三种实现，适配视频片头、Landing页或海报，内置预设配色与文字排版规范。
需要制作流体动态背景
生成着陆页顶部Hero区域
创建视频片头视觉素材
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
