Communitygithub.com

nexu-io/html-video

添加胶片漏光、颗粒感、16:9 宽银幕遮幅以及大号衬线字体,用于制作电影感开场或章节卡片。

html-video 是什么?

该技能专为需要快速生成电影质感 HTML 视频片段的开发者或设计师设计。它融合了多种经典胶片视觉元素:漏光、颗粒纹理、16:9 宽银幕遮幅(常用于电影画面比例)以及醒目的大号衬线字体。用户可以直接在 HTML 中嵌入这些效果,无需额外视频编辑软件,非常适合用于网站的开场动画、章节过渡卡片或任何需要营造经典影院氛围的 Web 场景。技能本身基于 HTML/CSS/JavaScript,兼容 Claude Code、Cursor 等支持 Web 标准输出的 AI Agent 平台。通过简单的标记组合,即可在页面上实时渲染出带有胶片质感的动态效果,显著提升项目的视觉叙事表现力。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add nexu-io/html-video

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

html-video 是做什么的?

添加胶片漏光、颗粒感、16:9 宽银幕遮幅以及大号衬线字体,用于制作电影感开场或章节卡片。

相关技能