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动态海报，含红色规则线、倾斜大字及逐行标题动画，适用于品牌宣言或文化开场。
需要制作具有杂志封面感的动态视频开场
生成单一HTML文件的CSS动画海报
npx skills add nexu-io/html-video --skill frame-bold-poster -g -y
提供高冲击力的章节分隔或标题卡模板，包含数字、面包屑及橙色焦点卡动画。生成单文件HTML，适用于前端演示文稿或网页视觉增强。
需要制作演示文稿的章节过渡页
创建具有高视觉冲击力的网页标题卡
生成带有特定动画效果的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/CSS实现，包含精确时间轴与配色纪律，适用于品牌活动Hero区域或复古现代风格视觉展示。
需要制作带有动态揭示效果的品牌标题
生成单文件HTML创意动画演示
设计具有电压/电光风格的视觉组件
npx skills add nexu-io/html-video --skill frame-creative-voltage -g -y
将CSV/JSON数据或结论转化为纽约时报风格的单帧/动画数据图表。支持折线、柱状图，强调排版美学与错峰揭示动画，生成轻量级HTML/SVG文件。
用户要求制作新闻风格数据可视化
需要将数据转换为高颜值图表
需要生成带有动画效果的图表帧
npx skills add nexu-io/html-video --skill frame-data-chart-nyt -g -y
原生 Remotion 数据滚动帧模板，利用弹簧物理让柱状图从0生长、数字同步滚动。适用于视频中的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/CSS模板，支持色差偏移、数据损坏动画及CRT扫描线效果，适用于视频转场或赛博朋克主题Hero区域。
生成故障艺术风格的标题
创建赛博朋克风格UI组件
制作视频转场特效代码
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三种实现，适配视频片头、着陆页或海报。提供多配色方案与排版细节，确保响应式及无障碍兼容。
需要制作视频片头帧
生成SaaS Landing Page Hero区域
设计海报底图
npx skills add nexu-io/html-video --skill frame-liquid-bg-hero -g -y
生成视频结尾品牌展示帧的单文件HTML模板，包含CSS/SVG几何Logo组装、辉光特效及文案动画。
需要生成视频片尾品牌标识动画
创建单文件HTML品牌展示页
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
用于生成视频开场或Hero帧的VFX文字光标特效，实现逐字打字机效果、彩色像散尾迹及定向光斑。
需要制作带有动态打字效果的视觉展示
视频开头需要引人注目的文字揭示动画
npx skills add nexu-io/html-video --skill vfx-text-cursor -g -y
