Web Renderer Test

This automates the process of adding visual snapshot tests to the web renderer in a Remotion project. You'll create a fixture component in the test directory, register it in Root.tsx for previewing, write a corresponding test that renders a still frame, and update the documentation to note the newly supported property. It uses vitest under the hood and follows a straightforward pattern where each fixture exports a component with metadata like dimensions and frame count. The workflow is tight but requires you to touch multiple files for each test, which makes sense given you're simultaneously testing, documenting, and maintaining preview capabilities. Good for teams that want consistent visual regression testing on their rendering components.

Install to Claude Code

npx -y skills add remotion-dev/remotion --skill web-renderer-test --agent claude-code