video-craft

Composes frame-level visual design and product demo presentation for Remotion videos.

Updated Mar 12, 2026
One-click install
npx skills add https://github.com/RavitejaKarra24/dotfiles --skill video-craft-ravitejakarra24
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: video-craft
Source: https://github.com/RavitejaKarra24/dotfiles/tree/main/agents/.agents/skills/video-craft
Command: npx skills add https://github.com/RavitejaKarra24/dotfiles --skill video-craft-ravitejakarra24

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Remotion videos often animate correctly but look generic at the frame level — flat backgrounds, floating raw screenshots, unreadable text, and weak end cards. This Skill provides composition rules, device framing patterns, and preflight checks so every frame of a product demo video looks intentionally designed. ## Core Features & Use Cases - Frame Composition System: Archetypes for 16:9 and 9:16 frames (hero, product, split, data, comparison), time-bounded readability rules, background depth treatments, and effect families with usage limits. - Product Demo Patterns: Remotion-ready device frames (laptop, phone, browser), cursor choreography with spring-based paths and click effects, zoom recipes, screenshot preparation checklists, and annotation patterns. - End-Card Design: Four end-card archetypes (clean, metric, action, loop) with hold-time and CTA rules. - Use Case: When reviewing a Remotion composition that feels generic, produce a per-scene frame brief covering focal point, archetype, device frame, background, and effect family, then run the preflight checklist before rendering. ## Quick Start Review my Remotion video frames for visual quality and produce a frame brief for each scene covering composition, device framing, backgrounds, and the end card.

Frequently Asked Questions about video-craft

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I make Remotion video frames look less generic?

Apply frame archetypes (hero, product, split, data, comparison) with one focal point per frame, add background depth via radial gradient plus noise or vignette, and limit effect families to one or two per video. Run the preflight checklist before rendering.

How to show screenshots in a product demo video?

Never show raw floating screenshots. Wrap them in laptop, phone, or browser device frames with proper chrome, soft shadows, and optional 3D perspective, then add staggered annotation callouts after the device settles.

What is the difference between video-craft and marketing-video?

marketing-video owns the production pipeline: interview, storytelling, animation mechanics, and baseline quality rules. video-craft sits on top and handles only how each static frame looks — composition, device framing, backgrounds, and end cards.

How long should text stay on screen in a video frame?

Hold time per text frame should be at least (word_count x 0.3) + 1 seconds, with a maximum of 8 words per text block. If text needs more time, split it into two frames rather than extending the hold.

When should I not use this skill for video work?

Do not use it for requests like create a video or marketing video — those route to marketing-video, which owns the production pipeline. This skill only fires for frame-level visual quality, device framing, and end-card design.