Composed scene template inspired by the Remotion prompt “Video Editor Interface”.
Source: manalkaff/remotion-promptsconst project = "VideoEditorInterface";
// 1. Please add a Claude Code Skill along with an interface for video animation
// 2. I want you to create an app that very simply allows us to use the Remotion skill, read…
// 3. So the sole purpose of the app should be a little canvas that you can edit and manipula…
renderTemplate({
mode: "scene-composer",
source: "github-remotion-prompts",
});const project = "VideoEditorInterface";
// 1. Please add a Claude Code Skill along with an interface for video animation
// 2. I want you to create an app that very simply allows us to use the Remotion skill, read…
// 3. So the sole purpose of the app should be a little canvas that you can edit and manipula…
renderTemplate({
mode: "scene-composer",
source: "github-remotion-prompts",
});<iframe
src="https://motioness.com/embed/prompt-gh-video-editor-interface?scenePlan=%5B%7B%22sceneId%22%3A%22title-slide%22%2C%22durationInFrames%22%3A90%2C%22offset%22%3A0%2C%22props%22%3A%7B%22title%22%3A%22%7B%7Btitle%7D%7D%22%2C%22subtitle%22%3A%22%7B%7Bsubtitle%7D%7D%22%2C%22label%22%3A%22Prompt+Remix%22%2C%22layout%22%3A%22left-aligned%22%7D%7D%2C%7B%22sceneId%22%3A%22code-snippet%22%2C%22durationInFrames%22%3A120%2C%22offset%22%3A0%2C%22props%22%3A%7B%22title%22%3A%22Video+Editor+Interface+build%22%2C%22code%22%3A%22const+project+%3D+%5C%22VideoEditorInterface%5C%22%3B%5Cn%5Cn%2F%2F+1.+Please+add+a+Claude+Code+Skill+along+with+an+interface+for+video+animation%5Cn%2F%2F+2.+I+want+you+to+create+an+app+that+very+simply+allows+us+to+use+the+Remotion+skill%2C+read%E2%80%A6%5Cn%2F%2F+3.+So+the+sole+purpose+of+the+app+should+be+a+little+canvas+that+you+can+edit+and+manipula%E2%80%A6%5Cn%5CnrenderTemplate%28%7B%5Cn++mode%3A+%5C%22scene-composer%5C%22%2C%5Cn++source%3A+%5C%22github-remotion-prompts%5C%22%2C%5Cn%7D%29%3B%22%2C%22language%22%3A%22typescript%22%7D%7D%2C%7B%22sceneId%22%3A%22list-reveal%22%2C%22durationInFrames%22%3A105%2C%22offset%22%3A0%2C%22props%22%3A%7B%22title%22%3A%22Scene+beats%22%2C%22style%22%3A%22checkmarks%22%2C%22item1%22%3A%22Please+add+a+Claude+Code+Skill+along+with+an+interface+for+video+animation%22%2C%22item2%22%3A%22I+want+you+to+create+an+app+that+very+simply+allows+us+to+use+the+Remotion+skill%2C+read%E2%80%A6%22%2C%22item3%22%3A%22So+the+sole+purpose+of+the+app+should+be+a+little+canvas+that+you+can+edit+and+manipula%E2%80%A6%22%2C%22item4%22%3A%22Optimize+this+for+openness+and+being+able+to+edit+each+scene+in+the+video+after+the+fir%E2%80%A6%22%2C%22item5%22%3A%22Since+you+are+running+in+a+browser+on+http%3A%2F%2Fvibecode.dev%2C+I+want+you+to+use+the+assets%22%7D%7D%2C%7B%22sceneId%22%3A%22gradient-text%22%2C%22durationInFrames%22%3A90%2C%22offset%22%3A0%2C%22props%22%3A%7B%22text%22%3A%22%7B%7Btitle%7D%7D%22%2C%22subtitle%22%3A%22Prompted+by+%7B%7Bauthor%7D%7D+via+manalkaff%2Fremotion-prompts%22%7D%7D%5D"
style="border:none;border-radius:12px;width:100%;aspect-ratio:1920/1080"
loading="lazy"
title="prompt-gh-video-editor-interface animation"
></iframe>