# Sn Motion HTML

Build continuous-shot motion-driven HTML stories from a subject or narrative, including...

- Repository: https://github.com/OpenSenseNova/SenseNova-Skills (6002 stars)
- Category: Testing
- License: MIT
- Last updated: 2026-10-29
- Runs scripts: yes, review before use

## Install

Claude Code: `npx skills add OpenSenseNova/SenseNova-Skills --skill sn-motion-html -g -a claude-code -y`
Codex: `npx skills add OpenSenseNova/SenseNova-Skills --skill sn-motion-html -g -a codex -y`
Cursor: `npx skills add OpenSenseNova/SenseNova-Skills --skill sn-motion-html -g -a cursor -y`
Gemini CLI: `npx skills add OpenSenseNova/SenseNova-Skills --skill sn-motion-html -g -a gemini-cli -y`

## Description

Build continuous-shot motion-driven HTML stories from a subject or narrative, including research, story structure, consistent AI stills, Seedance scene and connector clips, interface styling, media normalization, and browser QA. Use for immersive journeys, timelines, product stories, fictional worlds, or other scene-based visual narratives whose camera should flow from beginning to end; not for ordinary autoplay video pages or general web apps.

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

# SN Motion HTML

Create a reusable project, not a one-off HTML file. Keep subject matter, chapter count, visual style, interface treatment, copy placement, language, image model, video model, clip duration, and hosting path configurable.

The defining experience is one continuous camera journey controlled by page progress. Preserve a single fixed media stage and one ordered timeline from the first scene through every connector to the final scene. Differentiate projects through transparent copy composition, header treatment, type, navigation, and scene-specific copy placement, not by replacing the continuous stage with separate article media blocks.

## Route the work

The rest: https://github.com/OpenSenseNova/SenseNova-Skills/blob/HEAD/skills/sn-motion-html/SKILL.md