免费在 GitHub 公开中文介绍

frame-light-leak-cinema

结合暖色漏光、35mm 胶片颗粒与大号衬线字体，制作电影风格的开场画面或章节标题，并整合为单个 HTML 文件。

原文查看原文说明

Film light leaks, grain, 16:9 letterbox, and large serif type for cinematic openings or chapter cards.

适用场景

frame-light-leak-cinema 为纪录片、个人短片的开场画面及视频章节标题营造经典胶片质感。它在深色背景上叠加暖橙色漏光、35mm 胶片颗粒和大号衬线字体，整合为单个 HTML 文件。可选择上下带黑边的 2.39:1 宽银幕构图，或不带黑边的 16:9 构图。

适合希望让作品名或章节名呈现电影风格的场景。可以加入副标题、拍摄地点及日期，也可以添加胶片划痕或类似胶片齿孔的装饰。设计还规定了画面由暗变亮的入场效果，以及漏光缓慢移动的动画。

使用用户提供的标题，年份、章节和地点信息也以用户内容为依据。配色最多使用四种色相，漏光采用暖色。启用 prefers-reduced-motion 时停止动画。输出为单个 HTML 文件。

本介绍由 AI（OpenAI Codex）根据公开的 SKILL.md 撰写。准确的规格请查看下方原文。

AI 仅根据 SKILL.md 的内容，从 4 个方面进行了评估。星标数和热度不计入评估。

总分按每项 A=25 分、B=15 分、C=5 分相加。由 AI（OpenAI Codex）于 2026年10月20日评估。仅供参考，安装前请同时查看原文。

如果您认为评估有误，请申请复核

安装前可以查看交给 AI 代理的指令内容。

【模板: 胶片漏光电影帧】【意图】纪录片 / 个人短片 / 视频章节卡的开场单帧 —— 暖橙漏光 + 35mm 颗粒 + 衬线大字, 古典胶片质感。Inspired by hyperframes light-leak。

【画布】

【背景】

底层: 深暖色 (深红棕 #1a0d08 / 墨绿 #0a1410 / 蓝紫 #0d0e1a) 或场景描绘 (CSS gradient 模拟天空 / 室内 / 室外)。
胶片漏光 (Light Leak): 2-3 个大 radial-gradient(ellipse at top right, #ffb547 0%, transparent 50%) + 1 个底部 linear-gradient(to top, #d97757 0%, transparent 30%); 颜色取暖橙 / 桃 / 玫红 / 暗黄, 不要冷蓝。
35mm Grain: 全屏覆盖 SVG turbulence noise 图层, opacity 14%, mix-blend-mode: overlay; 也可用 background-image: url("data:image/svg+xml,...feTurbulence...")。
可选: 1 道 feDisplacementMap 模拟胶片摆动 (慎用)。

【文字】

中央或左下: 大字衬线 (Source Serif Pro / Playfair Display / EB Garamond) 5-8vw, weight 500 italic; 颜色暖白 #f5e9d6 或 cream。
副标 (24-28px) 一行, opacity 0.7, 同样衬线。
角落 caption (uppercase letterspace 0.18em, 10-11px, mono, opacity 0.5): "REEL 03 · CH I · 1985"。
底部 timecode + 拍摄地 + 日期 (mono, opacity 0.4)。

【可选附加】

"胶片划痕": 几条 1-2px 竖向白线, opacity 0.2, 不规则间距 (用 box-shadow 多重 inset 或多个 <div>)。
"胶片齿孔": letterbox 黑边内, 等距小白方块 (CSS repeating-linear-gradient)。
入场动效: 整画面从 underexposed (brightness 0.3) → normal, 800ms 内; 漏光位置缓慢漂移 12s 一个周期。

【设计细节】

还没有评价。欢迎分享你的使用感受。

无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。