Tooluck logoTooluck
SKILL.md

sn-motion-html

Agent skill fromOpenSenseNova/SenseNova-Skills

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.

How to install sn-motion-html

install sn-motion-html
# install the SenseNova-Skills pack with the skills CLI
npx skills add OpenSenseNova/SenseNova-Skills

# or add only this skill to Claude Code: copy the folder

skills/sn-motion-html/

# into

~/.claude/skills/sn-motion-html/ (all projects)

.claude/skills/sn-motion-html/ (one project)

skills/sn-motion-html/SKILL.md

MITFull file
1# SN Motion HTML
2
3Create 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.
4
5The 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.
6
7## Route the work
8
91. Resolve the story goal, audience, factual fidelity, chapter scale, visual language, copy language, target devices, sound policy, and available API credentials. Make reasonable defaults only for low-risk implementation details.
102. For factual or source-based stories, research before outlining and record sources separately from display copy.
113. Plan chapters, recurring identities and connector paths before generating their boundary images; use [references/prompting.md](references/prompting.md) for shot planning and acceptance criteria.
12…

Excerpt shown under the repository's MIT license.

More skills in SenseNova-Skills

Keep exploring

Similar skill repositories

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates