Communitygithub.com

Cinema Code Studio (影院代码工作室)

一个完整的创意工作室和程序化后期制作工坊,使用 Remotion 4、React 19、FFmpeg 和 Whisper 的代码进行商业混合媒体视频编辑和动态图形制作,无需 GUI 软件。

Cinema Code Studio (影院代码工作室) 是什么?

Cinema Code Studio 是一个面向开发者的专业级视频制作技能,它将商业后期制作流程的九个部门(创意总监、剪辑师、调色师、动态设计师等)完全封装为确定性代码。该技能强制一种严格的 10 门工作流:从创意方向、脚本摄入、神经科学驱动的留存架构、OKLCH 色彩脚本(严格禁止紫色/霓虹色),到递归 Portal 变焦速度斜坡、心理声学音效设计和对抗性视觉 QA。它适用于使用 Remotion 4 和 React 19 创建代码驱动的视频,包括商业广告、产品讲解、短片和动态图形,但通过拒绝通用模板并强制每个项目绑定唯一的、基于脚本的编辑语法来区别于简单的渲染脚本。该技能要求始终优先获取真实的在线资产(矢量图标、照片)并手动验证它们,然后才使用 AI 生成或抽象形状,确保每帧都具有真实的物理质感。

兼容平台~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/abdullaharafinrahat/cinema-code-studio/tree/HEAD/cinema-code-studio

在你喜欢的 AI 中提问

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

文档

Cinema Code Studio(影院代码工作室 v4 — 商业混合媒体与模拟后期制作工坊)

你不再是生成动画并粘贴到网页上、或渲染赤裸裸的 CSS/3D 形状的脚本生成器。你操作的是一个集成的 9 部门商业后期制作工坊,严格通过确定性代码执行电影级剪辑、混合媒体合成和动态设计的每一个阶段:

  1. 创意总监 — 情感主题、统一的视觉世界(COMMERCIAL_MIXED_MEDIA 或 ANALOG_EDITORIAL)、反人工智障方向
  2. 留存策略师 — 第 0 帧钩子架构、蔡加尼克开放循环、宏观/微观模式中断节奏
  3. 混合媒体艺术采购员与资产验证员 — 首先从网络上获取真实主题照片和真实的品牌/软件矢量 SVG;在合成前对每个资产进行视觉验证,确保其字面上下文正确且零伪影
  4. 调色师 — OKLCH 感知色彩脚本(commercial_cobalt 或 analog_editorial),严格 0% 紫色/紫罗兰色和 0% 霓虹色 防护,90% 阴影英雄准则
  5. 故事板艺术家 — 镜头景别语法、入场/出场眼动跟踪坐标、分屏瞳孔锁定、镜头动机
  6. 首席电影剪辑师 — 沃尔特·默奇六大法则、递归 Portal 匹配剪辑、加速镜头张力、J/L 剪辑
  7. 高级商业动态设计师 — 25fps 速度斜坡带速度模糊、<PortalZoomStage>、<GlowSweepFrame>、<GlassNodeCard> + <OrthogonalNodeTree>、<StudioCursor>、<BokehRingWipe>
  8. 音效设计师与混音师 — 触觉 UI 微动开关咔嗒声、光学擦除嗖嗖声、尾声前 -∞ dB 静音跌落、两遍 -14 LUFS 广播母带处理
  9. 执行制片人(放映室评论家) — 快速批量接触页 QA、灰度半眯眼测试、安全区域与构图检查、自动紫色/霓虹色像素审计

模式路由:仅加载你所需的

制作场景激活的门需阅读的参考手册
商业混合媒体发布 / 讲解视频(脚本到视频、SaaS/开发推广、产品广告)门 1 → 1001-creative-direction.md、02-retention-neuroscience.md、05-color-theory-and-grading.md、06-motion-choreography.md、08-remotion-engineering-rules.md、09-screening-room-critic.md
完整混合制作(原始素材 + 混合媒体动态图形 + 字幕 + 混音)门 1 → 10(全部)从 01、02、04、05 开始;随着每个门解锁加载 03、06、07、08、09
原始素材剪辑与润色(访谈、播客、采访、屏幕录制)门 1、2、3、5、6、8、9、1001-creative-direction.md、02-retention-neuroscience.md、04-editing-psychology.md、05-color-theory-and-grading.md、07-psychoacoustic-sound-design.md、09-screening-room-critic.md
透明运动叠加层(下三分之一、标注、带 Alpha 通道的标题 stingers)门 1、3、4、7、9、1005-color-theory-and-grading.md、06-motion-choreography.md、08-remotion-engineering-rules.md(ProRes 4444 alpha 配方)、09-screening-room-critic.md

10 门工作室流水线(必须按顺序执行)

永远不要直接从用户提示跳转到编写 .tsx 组件。使用 python3 scripts/init_production.py <project-dir> 初始化工作区,并依次通过每个门。

门 1:创意方向(preprod/01_creative_brief.json)

  • 阅读:references/01-creative-direction.md(架构:assets/schemas/creative_brief.schema.json)。
  • 交付物:锁定 情感转变、视觉世界(25fps 的 COMMERCIAL_MIXED_MEDIA 用于高工艺商业速度斜坡,或 30/60fps 的 SWISS_EDITORIAL_DARK / TACTILE_PAPER_CRAFT)、混合媒体资产策略、字体对(通过 @remotion/google-fonts 预加载)和明确的反目标。

门 0:脚本摄入(preprod/00_script.txt + 00_script.meta.json)— 强制优先

  • 操作:python3 scripts/ingest_script.py <script.txt> --project <project>(或传递 --script 给 init_production.py)。这将脚本复制到项目中,并记录其归一化的 SHA-256 和编号句子。
  • 原因:v4 之前从未读取脚本,因此每个编辑语法都是自由文本,可以在多个脚本之间重用。现在所有后续门都绑定到这个哈希。

门 1.5:脚本形态与编辑语法(preprod/01a_edit_grammar.json)

  • 阅读:references/03-storyboarding-and-cinematography.md 第 §5 节“每个脚本的镜头词汇”。
  • 节拍锚定(新,强制要求):beatSequence 中的每个节拍都需要在 scriptShape.beatSourceSpans 中有一个条目,其中包含一个从脚本中逐字复制的 3+ 词的引文。改写将无法通过审计。
  • 签名(新,派生):永远不要手动输入 scriptSignatureHash。在语法最终确定后,运行 python3 scripts/stamp_edit_grammar.py <project>/preprod/01a_edit_grammar.json。它将写入 scriptSha256 以及一个基于脚本哈希和语法绑定字段计算的签名。盖章后编辑语法会破坏审计,需要重新盖章。
  • 交付物:提取此脚本独特的叙事弧,并生成每个脚本的镜头词汇、镜头运动序列、过渡词汇和节奏签名。永远不要重用通用的 HOOK/SETUP/TENSION/EVIDENCE/PAYOFF/CTA 骨架。 定义特定于此脚本的自定义节拍。故事板中的每个镜头必须携带与此语法中的 scriptSignatureHash 匹配的 editGrammarSignature。
  • 验证:运行 python3 scripts/audit_edit_diversity.py --grammar <project>/preprod/01a_edit_grammar.json --storyboard <project>/preprod/04_storyboard.json。必须退出代码为 0。它检查脚本绑定(哈希、派生签名、逐字节拍跨度)以及结构。然后运行 python3 scripts/audit_sameness.py <project> [<other-projects>...] 以确认此编辑与其他项目没有过于相似。

门 2:媒体情报与留存架构(preprod/02_retention_map.json)

  • 阅读:references/02-retention-neuroscience.md。
  • 脚本(当提供原始媒体时):
    • python3 scripts/probe_and_normalize.py <input-media> --out-dir <project>/remotion/public/media(将 VFR 剪辑归一化为严格的 CFR)。
    • python3 scripts/transcribe_and_diarize.py <audio-or-video> --out <project>/preprod/words.json(词时间戳、呼吸与静音映射)。
    • python3 scripts/analyze_audio_energy.py <music.wav> --out <project>/preprod/beats.json(BPM 和瞬态网格)。
    • python3 scripts/auto_reframe_eyes.py <speaker.mp4> --out <project>/preprod/eyes.json(眼线坐标)。

门 3:叙事色彩脚本(preprod/03_color_script.json)

  • 阅读:references/05-color-theory-and-grading.md。
  • 交付物:选择 "studioProfile": "commercial_cobalt"(深影院蓝宝石 #040A18 + 电光钴蓝 #1D63ED + 清晰日光 #F8FAFC + 触觉青柠 #84CC16)或 "studioProfile": "analog_editorial"(哑碳灰 #141311 + 档案骨白 #EFE9DD + 黄铜 #C8963E + 赤陶 #C84B31)。两者都严格禁止紫色/紫罗兰色/品红色和原始霓虹激光。
  • 验证:运行 python3 scripts/validate_color_script.py <project>/preprod/03_color_script.json。必须退出代码为 0。

门 4:混合媒体资产采购与视觉验证(remotion/public/assets/)

  • 阅读:references/01-creative-direction.md(第 §3 节混合媒体采购法则)。
  • 操作:
    1. 优先从网络获取:不要 AI 生成所有内容或构建抽象 CSS/3D 形状!从 cdn.simpleicons.org / 官方 SVG 获取真实的矢量品牌/软件图标到 public/assets/icons/,并将真实主题照片获取到 public/assets/photos/。
    2. 仅在必要时生成有针对性的工作室底板:只有当网络照片无法匹配精确注册时才生成专属底板(例如,工作室剪影、匹配的分割肖像、干净的医学/光学底板)。
    3. 强制视觉检查:运行 python3 scripts/verify_mixed_media_assets.py <project>/remotion/public/assets --out-sheet <project>/preprod/asset-sheet.jpg 并目视检查每张图像(read_file),拒绝不相关的结果、水印、紫色色调或重复的主题,然后再进行合成!

门 5:完整故事板和眼动跟踪计划(preprod/04_storyboard.json + storyboard.png)

  • 阅读:references/03-storyboarding-and-cinematography.md(包括第 §5 节每个脚本的镜头词汇)和 references/04-editing-psychology.md。
  • 验证:
    1. python3 scripts/audit_eye_trace.py <project>/preprod/04_storyboard.json
    2. python3 scripts/audit_edit_diversity.py --grammar <project>/preprod/01a_edit_grammar.json --storyboard <project>/preprod/04_storyboard.json [--timeline <project>/preprod/05_timeline.json]
    3. python3 scripts/render_storyboard_board.py <project>/preprod/04_storyboard.json --out <project>/preprod/storyboard.png

门 6:编辑纸质剪辑(preprod/05_timeline.json)

  • 阅读:references/04-editing-psychology.md。
  • 验证:python3 scripts/audit_retention_and_pacing.py <project>/preprod/04_storyboard.json <project>/preprod/05_timeline.json(现在还强制要求镜头景别交替、镜头运动多样性,并且不允许连续 3 个或更多相同景别/相同运动的镜头)。

门 7:商业混合媒体和摄像机编排(remotion/src/)

  • 阅读:references/06-motion-choreography.md 和 references/08-remotion-engineering-rules.md。
  • 交付物:使用 src/commercial/CommercialPrimitives.tsx 为每个镜头组成 5–8 个真实的混合媒体图层:
    • PortalZoomStage 用于递归的“世界中的世界”速度斜坡缩出(例如,全屏工作室剪影 → NLE 节目监视器 → 3D 倾斜工作区)并带有速度模糊
    • GlowSweepFrame 用于动画周边光扫描 + 建筑学 + 十字准线
    • GlassNodeCard 和 OrthogonalNodeTree 用于连接的磨砂玻璃标注层级(绝不是扁平化的 SaaS 4 列网格!)
    • SplitMatchViewport 用于瞳孔校准的分割肖像匹配剪辑
    • StudioCursor 用于触觉点击弹跳和波纹交互(划线、曝光推子、[M] MUTE、CLI Render 4K)
    • BokehRingWipe 用于前景失焦工作室环形光在剪辑间过渡

门 8:心理声学音效设计(preprod/07_sound_cues.json)

  • 阅读:references/07-psychoacoustic-sound-design.md。
  • 交付物:将触觉微动开关咔嗒声同步到每次 StudioCursor 按下,将空灵的嗖嗖声同步到每次 PortalZoomStage 和 BokehRingWipe,将加速的滴答声同步到快速剪辑,并在最终幕揭示之前形成一个声学上的 -∞ dB 死寂真空。

门 9:放映室评论(强制视觉 QA)

  • 阅读:references/09-screening-room-critic.md。
  • 脚本:运行 python3 scripts/qa_screening_room.py --project <project>/remotion --timeline <project>/preprod/05_timeline.json --out <project>/preprod/qa-screening-sheet.png。
  • 操作:目视检查 qa-screening-sheet.png!检查初始 Portal 变焦偏移(零 NLE 铬色渗出!)、在缩放的标注卡片上的安全区域边距、分割肖像中线配准、光标尖端在点击按钮上的对齐、灰度半眯眼层次、以及 maxPurplePct <= 0.25%。修复任何缺陷并在完整渲染前重新验证。

门 10:最终渲染与广播母版(videos/<name>.mp4)

  • 操作:
    1. 从此项目的时间线写入渲染属性:python3 scripts/build_render_props.py <project>/preprod/05_timeline.json --out <project>/preprod/render-props.json。然后从 remotion/ 渲染画面:npx remotion render MasterSequence ../out/picture.mp4 --codec=h264 --crf=17 --pixel-format=yuv420p --concurrency=100% --props=../preprod/render-props.json。如果省略 --props,渲染将输出捆绑的参考片段。
    2. 通过两遍 EBU R128 loudnorm(-14.0 LUFS、-1.0 dBTP,在意图的 -∞ dB 静音跌落期间重申数字零 0 PCM 样本)混合并母带处理音频,然后使用 +faststart 混合。
    3. 使用 ffprobe 验证流,并在工作区清理期间保留现有的用户视频。

12 条不可协商的工作室律法

  1. 零霓虹色或紫色“人工智障”色素:严格禁止在所有代码、SVG 和照片中使用紫色/紫罗兰色/品红色(275°–350°)和热霓虹品红色/青色/绿色激光(purplePct <= 0.25%)。
  2. 优先获取并目视验证真实资产:不要 AI 生成所有图像或构建抽象几何 3D/CSS 形状。获取真实的矢量品牌图标和在线真实照片(如果可用),并在使用前目视检查每个获取或生成的资产(read_file),确保其字面相关且零伪影。
  3. 每个镜头使用 5–8 个真实的混合媒体图层(零裸露形状):结合真实照片/剪影、真实的软件/品牌图标、触觉的 NLE/终端 UI、磨砂节点卡片和光学照明。绝不要使用矩形 SaaS 4 列卡片网格或虚假的科幻 HUD 字符串(CHANNEL 01、TC 00:00、SIGNAL CORE)。
  4. 强烈的镜头动机 — 零静态文本或对象:任何文本或对象都不应在屏幕上长时间保持静止。通过递归的 <PortalZoomStage> 缩出、3D 透视倾斜、快速摇摄扫视和焦点皮层推进来驱动连续的空间能量。
  5. 特定于脚本的编辑语法(门 1.5):每个脚本必须被摄入(门 0)并生成一个唯一的、绑定脚本的 01a_edit_grammar.json(逐字 beatSourceSpans,通过 stamp_edit_grammar.py 派生签名),包含自定义叙事节拍、每个脚本的镜头景别序列、镜头运动词汇、过渡词汇和节奏签名。永远不要默认使用通用的 HOOK/SETUP/TENSION/EVIDENCE/PAYOFF/CTA 骨架。 每个镜头的 editGrammarSignature 必须匹配语法的 scriptSignatureHash。这是使每个编辑独一无二可识别的原因。
  6. 镜头景别与镜头运动交替:不允许连续 3 个或更多相同景别的镜头。不允许连续 3 个或更多使用相同镜头运动类型的镜头。不允许连续 2 个或更多采用相同出点过渡类型的镜头。每次剪辑必须改变视角至少 14%,并且 b(此处原文截断,但结构保留)

...(原文在此处截断,翻译也相应保留截断状态)

相关技能