Create polished motion-design videos for Nebula Nodes — product announcements, feature showcases, demo clips, launch/promo videos — by capturing the REAL Slava UI live and compositing it with HyperFrames (GSAP) using a Firecrawl-style motion grammar and a render → inspect → fix loop. Use this whenever the user wants a Nebula Nodes video, announcement, showcase, demo, promo, or "show off / make a clip for [feature]"; whenever editing a HyperFrames composition under hyperframes/* for Nebula; or when capturing the live Nebula app UI for a video. Covers the capture pipeline (driving the window.__nebula* stores), HyperFrames + GSAP gotchas (hard cuts vs cross-fades, deterministic timeline, typing/caret, centered-card transforms), the Slava brand + motion grammar, and the readability-first quality rubric. Reach for this even if the user doesn't say "HyperFrames."
How to install nebula-nodes-visuals?
justinperea/nebula-nodes/nebula-nodes-visuals
$npx -y skills add justinperea/nebula-nodes --skill nebula-nodes-visualsInstalls into the current project.
›Prefer a prompt? Paste this to your agent
Run `npx skills use "https://github.com/justinperea/nebula-nodes" --skill "justinperea/nebula-nodes/nebula-nodes-visuals"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/justinperea/nebula-nodes" that are relevant to the current task. Run `npx skills add "https://github.com/justinperea/nebula-nodes"` and select the relevant skills, then follow their instructions.
Related
6 picksType
- remotion-best-practicesRouter for all Remotion skillsJul 2026
- ai-image-generationGenerate AI images with GPT-Image-2, FLUX, Gemini, Grok, Seedream, Reve and 50+ models via inference.sh CLI.Jul 2026
- hyperframes-cliUse the HyperFrames CLI development loop: init, add, catalog, capture, lint, check, snapshot, compare, grade-compare, preview, play, present, beats, keyframes,…Jul 2026
- hyperframesMandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or motion graphic, including a promo,…Jul 2026
- remotion-to-hyperframesPort an existing Remotion (React) composition''s source to HyperFrames HTML.Jul 2026
- hyperframes-coreThe HyperFrames composition contract — build one renderable project.Jul 2026
