Skills

Rn Dark Saas Video

Create dark cinematic SaaS/product motion videos in the Presenton-like "magic UI"...

Install

npx skills add Pluviobyte/rnskill --skill rn-dark-saas-video -g -a claude-code -y
Repository
Pluviobyte/rnskill1.7k
Category
Design
Updated
1mo ago
License
See repository
Context cost
Lightabout 944 tokens
Runs scripts
No, instructions only

What it does

Create dark cinematic SaaS/product motion videos in the Presenton-like "magic UI" style: black starfield stage, bottom purple glow, large kinetic type, cyan-to-magenta CTA buttons, prompt cards, floating UI templates, integration badges, model rings, export objects, speed-blur transitions, and short product capability arcs. Use when the user asks for "这种风格", "同款风格", dark SaaS promo, AI product demo, magic UI product video, or a style-level creation inspired by a reference video. Do not use for pixel-level or frame-accurate replication; use rn-replica-qc first for that.

Dark SaaS Magic Video

Role

Create new product videos in a dark, cinematic, UI-conjuring style. This is a style-generation skill, not a reference-alignment skill. Use it after rn-motion-director selects a style-level product or SaaS video route.

Canonical Showcase

  • Human display name: 暗色 SaaS 魔术短片
  • Example finished piece: 雪踏乌云暗色 SaaS 介绍短片
  • File: assets/showcases/xuetawuyun-dark-saas-showcase-1080p.mp4
  • Use this as a style reference for scale, pacing, scene vocabulary, and final polish. Do not copy its text unless the user asks for the same brand/account.

Boundaries

  • Use this for style-level creation: "做成这个感觉", "类似 Presenton 这种风格", "暗色科技感 SaaS 产品短片", "AI 工具产品演示".
  • Do not use this for pixel-level, frame-accurate, or timestamp-accurate remakes. Use rn-replica-qc first.
  • Do not replace product-launch-video; use this when the requested visual language is specifically dark magic UI, not a generic product launch.
  • Build with HyperFrames unless the user explicitly requests Remotion.

Required Reads

Before writing a composition, read:

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

Before final handoff, read references/qc-checklist.md.

Inputs

Collect or infer:

  • product name and one-line promise
  • target viewer and platform
  • duration preset: sting, standard, or extended
  • pain words or opening claim
  • core workflow: prompt, generate, connect, model, export, share, automate
  • available assets: logo, screenshots, UI cards, integration logos, export names
  • output ratio and archive slug

If assets are missing, use abstract UI cards and text badges. State that the result is a style-level product video, not a product-accurate UI recording.

Hard Style Rules

Read the whole SKILL.md on GitHub

More in Design