Agent skill · software engineering · remotion-dev
web-renderer-test
Add explicitly requested web renderer tests or update existing ones for implementation changes.
Why this skill is useful
Adds specific test case patterns and fixture integration for visual snapshot testing that the AI wouldn't reliably generate on its own.
What it needs
Requires bun, vitest installed locally. About 1k tokens when loaded. Last updated 2026-08-06. 55,698 stars on the source repository.
What this skill does
Use this skill to update existing web renderer tests when needed for implementation changes. Add new tests only when the user explicitly requests them. The web renderer is in packages/web-renderer and the test suite is in packages/web-renderer/src/test. It uses visual snapshot testing using vitest. A test file can for example be executed using: Example Each test is powered by a fixture in packages/web-renderer/src/test/fixtures. A fixture looks like this for example: The corresponding test looks like this: Adding a new test 1. Add a new fixture in packages/web-renderer/src/test/fixtures. 2. Important: Add the fixture to packages/web-renderer/src/test/Root.tsx to add a way to preview it. 3. Add a new test in packages/web-renderer/src/test. 4. Run bunx vitest src/test/video.test.tsx to execute the test. 5. Important: Update packages/docs/docs/client-side-rendering/limitations.mdx to reflect the newly supported property.
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills remotion-dev/web-renderer-test