Agent Skills
› nexu-io/html-video
nexu-io/html-video
GitHub基于1970年代欧洲社论海报风格的单文件HTML动画模板，用于品牌宣言或文化类开场。包含严格的配色、字体及时间轴规范，支持响应式与无障碍访问。
安装全部 Skills
npx skills add nexu-io/html-video --all -g -y
集合内 Skills (14)
基于1970年代欧洲社论海报风格的单文件HTML动画模板，用于品牌宣言或文化类开场。包含严格的配色、字体及时间轴规范，支持响应式与无障碍访问。
需要制作具有杂志封面质感的动态海报帧
生成品牌愿景或社论类的视觉开场动画
npx skills add nexu-io/html-video --skill frame-bold-poster -g -y
生成高冲击力章节分隔或标题卡片的单文件HTML模板。包含暗底渐变、橙色焦点卡滑入动画、大号标题及面包屑导航，强调真实内容与动效规范。
需要创建演示文稿的章节过渡页
生成具有视觉冲击力的标题卡片
构建带有特定品牌色的高对比度UI组件
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视觉展示
npx skills add nexu-io/html-video --skill frame-creative-voltage -g -y
将CSV/JSON数据或结论转化为《纽约时报》风格的单帧动画数据图表，支持折线、柱状等类型。通过手写SVG和CSS实现排版与错峰揭示动画，生成适配视频或社交媒体的HTML文件。
需要制作新闻风格的数据可视化图表
将CSV或JSON数据转换为带有动画的HTML图表
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条生长及文字逐行浮现等动效，结合严格的配色与内容纪律，输出单文件HTML实现视觉呈现。
需要制作动态引言卡片
生成品牌展示帧
创建高对比度标题动画
npx skills add nexu-io/html-video --skill frame-electric-studio -g -y
提供赛博朋克风格故障艺术标题帧的HTML/CSS实现方案，支持RGB偏移、切片动画及噪点效果，适用于视频转场或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实现，适配视频片头、SaaS着陆页或海报。提供多色主题与文字层排版，确保响应式及无障碍兼容。
生成流体背景页面
创建视频片头帧
制作SaaS着陆页Hero区域
设计海报底图
npx skills add nexu-io/html-video --skill frame-liquid-bg-hero -g -y
生成视频结尾品牌展示帧，包含几何Logo拼装、辉光特效及文案入场动画。输出单文件HTML/CSS/SVG代码，支持多种配色方案与响应式动画，用于品牌收尾或CTA展示。
需要生成视频结尾的Logo动画
创建品牌展示帧或Closing Frame
制作带有辉光效果的CSS Logo
npx skills add nexu-io/html-video --skill frame-logo-outro -g -y
生成瑞士网格风格的数据可视化单页HTML，展示关键指标与条形图。通过红黑白配色、巨大数字锚点及错峰动画，实现理性编辑风数据呈现，支持真实数据输入与无障碍静态降级。
需要制作数据新闻或报告的关键指标展示页
要求生成具有Pentagram风格的瑞士网格视觉图表
需要将单一核心数据转化为带动效的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
生成视频开场特效的HTML模板，实现文字逐字打字机效果，附带彩色像散尾迹、光标闪烁及定向光斑动画。
需要制作视频开场或Hero帧的文字动态效果
要求实现带光效和轨迹的打字机揭示动画
npx skills add nexu-io/html-video --skill vfx-text-cursor -g -y
