mcpField
R
rn-dark-saas-video

rn-dark-saas-video

github.com/pluviobyte创意与媒体1.7k239 次安装5 周前更新
代码仓库

关于 rn-dark-saas-video

rn-dark-saas-video 是制作暗色电影感 UI 产品视频的技能,提供场景规划和 HyperFrames 制作流程,并明确区分风格参考与逐帧复刻。

主要功能

  1. 01规划五至八个能力节拍
  2. 02按产品能力选择场景
  3. 03制作暗色电影感 UI 画面
  4. 04默认使用 HyperFrames 构建
  5. 05按质检清单检查成片

适用场景

  1. 01制作暗色 SaaS 产品介绍
  2. 02将产品能力编排成短视频
  3. 03将提供的视频用作风格参考
  4. 04使用抽象 UI 素材制作产品视频

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/pluviobyte/rnskill --skill rn-dark-saas-video

安装后在 Claude Code 中输入/rn-dark-saas-video确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

agents/
openai.yaml
references/
asset-contract.md
qc-checklist.md
scene-blueprints.md
style-language.md
timing-presets.md

详细介绍

暗色 SaaS 魔术短片

角色

以暗色、电影感、UI 幻化风格创作全新的产品视频。这是一项风格生成技能,而非参考对齐技能。在 rn-motion-director 选定产品或 SaaS 视频的风格路线后使用。

标准展示案例

  • 人类可读名称:暗色 SaaS 魔术短片
  • 成片示例:雪踏乌云暗色 SaaS 介绍短片
  • 文件:assets/showcases/xuetawuyun-dark-saas-showcase-1080p.mp4
  • 将其作为风格参考,借鉴其规模、节奏、场景语言和最终润色效果。除非用户要求使用同一品牌或账号,否则不要照搬其中的文案。

使用边界

  • 用于风格层面的创作:“做成这个感觉”“类似 Presenton 这种风格”“暗色科技感 SaaS 产品短片”“AI 工具产品演示”。
  • 不用于像素级、帧级精确或时间戳级精确的复刻。请先使用 rn-replica-qc。
  • 不要替代 product-launch-video;只有在请求明确指定暗色魔术 UI,而非通用产品发布风格时才使用此技能。
  • 使用 HyperFrames 制作,除非用户明确要求使用 Remotion。

必须阅读

编写合成内容前,请阅读:

  1. references/style-language.md
  2. references/scene-blueprints.md
  3. references/timing-presets.md
  4. references/asset-contract.md

最终交付前,请阅读 references/qc-checklist.md。

输入

收集或推断以下信息:

  • 产品名称和一句话承诺
  • 目标观众和平台
  • 时长预设:sting、standard 或 extended
  • 痛点关键词或开场主张
  • 核心工作流:提示词、生成、连接、模型、导出、分享、自动化
  • 可用素材:徽标、截图、UI 卡片、集成徽标、导出名称
  • 输出宽高比和归档 slug

如果缺少素材,请使用抽象 UI 卡片和文本徽章。说明成片是风格化产品视频,而非忠实还原产品 UI 的录屏。

严格风格规则

  1. 使用黑色空间舞台,加入细腻的颗粒/星尘粒子,以及微弱的底部紫色地平线光晕。
  2. 避免使用持续的水平霓虹线背景;这会使风格显得平淡。
  3. 用大型白色动态字体呈现故事节点,而非小标签。
  4. 至少加入一个由青色渐变至洋红色的 CTA,并让它触发可见的变换。
  5. 在最醒目的画面中放大主体对象:提示词卡片、CTA、UI 面板、徽章环或导出对象都不能像遥远的小道具。
  6. 在主要转场中使用速度模糊、拖影、缩放冲刺或白色速度擦除效果。
  7. 加入仿佛从黑暗中召唤出的 UI 对象:卡片、徽章、文件夹、模型芯片、应用窗口或导出胶囊。
  8. 绝不要加入没有解释的全屏纯色闪烁。
  9. 绝不要声称这种工作流能做到像素级还原。

工作流

1. 规划叙事弧线

从 references/timing-presets.md 中选择一个时长预设。将产品拆分为 5-8 个能力节点。优先采用因果链:文案承诺 -> 提示词 -> 点击 CTA -> 生成结果 -> 集成/模型 -> 导出 -> 最终主张。

2. 选择蓝图

使用 references/scene-blueprints.md 选择场景模块。不要不加判断地使用所有模块;应根据产品的实际能力进行匹配。

3. 使用 HyperFrames 构建

加载相关的 HyperFrames 技能:

  • hyperframes 用于编写合成内容
  • hyperframes-cli 用于 lint、验证、检查和渲染
  • hyperframes-animation 用于速度模糊、文字动效、圆环和光标点击
  • 仅在需要音频、TTS、SFX 或字幕时使用 hyperframes-media

使用确定性的动效。先构建主体画面,再制作进入这些画面的动画。

4. 质量检查

使用 references/qc-checklist.md。如果用户提供了参考视频且重视对齐效果,也请使用 rn-replica-qc。

输出

交付最终 MP4 路径、QC 联系表路径、已确认的规格,以及一段简短说明,注明使用的时长预设和场景模块。

评论

支持 Markdown