Agent Skills
› nexu-io/html-video
nexu-io/html-video
GitHub用于生成1970年代风格大胆海报帧动画的Skill，通过HTML/CSS实现品牌宣言或社论开场视觉，包含严格的时间轴、配色与排版纪律。
Install All Skills
npx skills add nexu-io/html-video --all -g -y
Skills in Collection (14)
用于生成1970年代风格大胆海报帧动画的Skill，通过HTML/CSS实现品牌宣言或社论开场视觉，包含严格的时间轴、配色与排版纪律。
需要制作品牌宣言视频开场
生成社论或文化类动态海报
创建具有杂志封面风格的单页动画
npx skills add nexu-io/html-video --skill frame-bold-poster -g -y
提供高冲击力章节分隔或标题卡片的 HTML/CSS 动画模板，包含数字、面包屑及橙色焦点卡滑入效果，适用于前端演示文稿。
需要制作视频章节过渡动画
生成前端幻灯片标题卡片
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 输出。
需要制作具有动态效果的创意标题或 Hero 区域
要求实现分屏滑动与手写笔触结合的视觉呈现
为品牌活动设计带有能量感的视频或网页开场动画
npx skills add nexu-io/html-video --skill frame-creative-voltage -g -y
将数据或结论生成为纽约时报风格的单帧/动画图表HTML，支持折线、柱状等类型，强调排版与错峰动画。
需要生成数据可视化图表
制作新闻风格的数据展示卡片
npx skills add nexu-io/html-video --skill frame-data-chart-nyt -g -y
Remotion原生数据展示模板，利用弹簧物理实现柱状图生长与数字滚动动效。适用于视频中的KPI或指标动态可视化，确保headless渲染稳定。
需要在视频中展示动态增长的柱状图和滚动数字
为静态图表添加基于真实数据的物理动画效果
npx skills add nexu-io/html-video --skill frame-data-rollup -g -y
生成电光风格分屏动画HTML模板，用于展示引言或使命陈述。通过白蓝双屏开合、文字逐行浮现及品牌标识淡入，实现高对比度的视觉呈现效果。
需要制作引言动画
生成单页HTML演示
npx skills add nexu-io/html-video --skill frame-electric-studio -g -y
提供故障艺术风格标题帧生成规范，涵盖CSS动画、SVG滤镜及排版细节，用于制作赛博朋克风格的视频转场或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三种实现，适配视频片头、Landing页或海报，提供四种调色板及金句排版。
需要制作视频片头帧
创建SaaS Landing页面顶部Hero区域
生成带流体动效的海报底图
npx skills add nexu-io/html-video --skill frame-liquid-bg-hero -g -y
生成视频结尾品牌展示帧，包含CSS/SVG绘制的Logo分块拼装、光晕特效及文字动画。支持多套配色方案与无障碍模式，输出单文件HTML。
需要生成视频结尾的品牌标识动画
制作带有Logo和Tagline的静态/动态收尾帧
创建单文件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
提供东方柔和有机风格的单文件HTML模板，用于展示系统架构或产品叙事的径向节点图。包含毛玻璃卡片、SVG动画及严格的设计规范，适用于前端视觉呈现。
需要生成具有特定艺术风格的HTML演示页面
创建系统架构图或概念关系的可视化展示
实现带有柔和动画和毛玻璃效果的前端组件
npx skills add nexu-io/html-video --skill frame-takram-organic -g -y
用于生成视频开场或Hero帧的VFX文字光标特效，实现逐字打字机效果、彩色像散尾迹及定向光斑。
需要制作视频开头的动态文字揭示效果
生成带有打字机动画和光效的HTML演示文件
npx skills add nexu-io/html-video --skill vfx-text-cursor -g -y
