# Rn Dark Saas Video

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

- Repository: https://github.com/Pluviobyte/rnskill (1706 stars)
- Category: Design
- License: see repository
- Last updated: 2026-09-21
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add Pluviobyte/rnskill --skill rn-dark-saas-video -g -a claude-code -y`
Codex: `npx skills add Pluviobyte/rnskill --skill rn-dark-saas-video -g -a codex -y`
Cursor: `npx skills add Pluviobyte/rnskill --skill rn-dark-saas-video -g -a cursor -y`
Gemini CLI: `npx skills add Pluviobyte/rnskill --skill rn-dark-saas-video -g -a gemini-cli -y`
Claude Code plugin marketplace: `/plugin marketplace add Pluviobyte/rnskill`

## Description

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.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# 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

The rest: https://github.com/Pluviobyte/rnskill/blob/HEAD/skills/rn-dark-saas-video/SKILL.md