[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-remotion-remotion-studio":3,"mdc--mjme7l-key":34,"related-org-remotion-remotion-studio":221,"related-repo-remotion-remotion-studio":381},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":12,"stars":21,"repoUrl":22,"updatedAt":23,"license":24,"forks":25,"topics":26,"repo":29,"sourceUrl":32,"mdContent":33},"remotion-studio","preview Remotion video projects","Preview a Remotion video",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},"remotion","Remotion","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fremotion.png","remotion-dev",[13,15,18],{"name":9,"slug":8,"type":14},"tag",{"name":16,"slug":17,"type":14},"Animation","animation",{"name":19,"slug":20,"type":14},"Video","video",54855,"https:\u002F\u002Fgithub.com\u002Fremotion-dev\u002Fremotion","2026-08-06T06:09:23.538987",null,4008,[27,28,20],"javascript","react",{"repoUrl":22,"stars":21,"forks":25,"topics":30,"description":31},[27,28,20],"🎥      Make videos programmatically with React","https:\u002F\u002Fgithub.com\u002Fremotion-dev\u002Fremotion\u002Ftree\u002FHEAD\u002Fpackages\u002Fskills\u002Fskills\u002Fremotion-studio","---\nname: remotion-studio\ndescription: Preview a Remotion video\nversion: 4.0.506\n---\n\nExecute the following command:\n\n```bash\nnpx remotion studio --no-open\n```\n\nIf the Studio is already opened, the URL will be printed and the command will exit.\nOtherwise, a long-running process will start, and the URL will be printed.\n\nOpen the URL in the browser.\n\n## Useful flags\n\n| Argument          | Purpose                                                                                       |\n| ----------------- | --------------------------------------------------------------------------------------------- |\n| `--log=\u003Clevel>`   | Set `error`, `warn`, `info` (default), or `verbose` logging.                                  |\n| `--port=\u003Cnumber>` | Request a Studio server port; otherwise Remotion finds a free port.                           |\n| `--force-new`     | Start another Studio instance even when one is already running for the same project and port. |\n",{"data":35,"body":37},{"name":4,"description":6,"version":36},"4.0.506",{"type":38,"children":39},"root",[40,48,88,93,98,105,215],{"type":41,"tag":42,"props":43,"children":44},"element","p",{},[45],{"type":46,"value":47},"text","Execute the following command:",{"type":41,"tag":49,"props":50,"children":55},"pre",{"className":51,"code":52,"language":53,"meta":54,"style":54},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npx remotion studio --no-open\n","bash","",[56],{"type":41,"tag":57,"props":58,"children":59},"code",{"__ignoreMap":54},[60],{"type":41,"tag":61,"props":62,"children":65},"span",{"class":63,"line":64},"line",1,[66,72,78,83],{"type":41,"tag":61,"props":67,"children":69},{"style":68},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[70],{"type":46,"value":71},"npx",{"type":41,"tag":61,"props":73,"children":75},{"style":74},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[76],{"type":46,"value":77}," remotion",{"type":41,"tag":61,"props":79,"children":80},{"style":74},[81],{"type":46,"value":82}," studio",{"type":41,"tag":61,"props":84,"children":85},{"style":74},[86],{"type":46,"value":87}," --no-open\n",{"type":41,"tag":42,"props":89,"children":90},{},[91],{"type":46,"value":92},"If the Studio is already opened, the URL will be printed and the command will exit.\nOtherwise, a long-running process will start, and the URL will be printed.",{"type":41,"tag":42,"props":94,"children":95},{},[96],{"type":46,"value":97},"Open the URL in the browser.",{"type":41,"tag":99,"props":100,"children":102},"h2",{"id":101},"useful-flags",[103],{"type":46,"value":104},"Useful flags",{"type":41,"tag":106,"props":107,"children":108},"table",{},[109,128],{"type":41,"tag":110,"props":111,"children":112},"thead",{},[113],{"type":41,"tag":114,"props":115,"children":116},"tr",{},[117,123],{"type":41,"tag":118,"props":119,"children":120},"th",{},[121],{"type":46,"value":122},"Argument",{"type":41,"tag":118,"props":124,"children":125},{},[126],{"type":46,"value":127},"Purpose",{"type":41,"tag":129,"props":130,"children":131},"tbody",{},[132,181,198],{"type":41,"tag":114,"props":133,"children":134},{},[135,145],{"type":41,"tag":136,"props":137,"children":138},"td",{},[139],{"type":41,"tag":57,"props":140,"children":142},{"className":141},[],[143],{"type":46,"value":144},"--log=\u003Clevel>",{"type":41,"tag":136,"props":146,"children":147},{},[148,150,156,158,164,165,171,173,179],{"type":46,"value":149},"Set ",{"type":41,"tag":57,"props":151,"children":153},{"className":152},[],[154],{"type":46,"value":155},"error",{"type":46,"value":157},", ",{"type":41,"tag":57,"props":159,"children":161},{"className":160},[],[162],{"type":46,"value":163},"warn",{"type":46,"value":157},{"type":41,"tag":57,"props":166,"children":168},{"className":167},[],[169],{"type":46,"value":170},"info",{"type":46,"value":172}," (default), or ",{"type":41,"tag":57,"props":174,"children":176},{"className":175},[],[177],{"type":46,"value":178},"verbose",{"type":46,"value":180}," logging.",{"type":41,"tag":114,"props":182,"children":183},{},[184,193],{"type":41,"tag":136,"props":185,"children":186},{},[187],{"type":41,"tag":57,"props":188,"children":190},{"className":189},[],[191],{"type":46,"value":192},"--port=\u003Cnumber>",{"type":41,"tag":136,"props":194,"children":195},{},[196],{"type":46,"value":197},"Request a Studio server port; otherwise Remotion finds a free port.",{"type":41,"tag":114,"props":199,"children":200},{},[201,210],{"type":41,"tag":136,"props":202,"children":203},{},[204],{"type":41,"tag":57,"props":205,"children":207},{"className":206},[],[208],{"type":46,"value":209},"--force-new",{"type":41,"tag":136,"props":211,"children":212},{},[213],{"type":46,"value":214},"Start another Studio instance even when one is already running for the same project and port.",{"type":41,"tag":216,"props":217,"children":218},"style",{},[219],{"type":46,"value":220},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":222,"total":380},[223,238,251,263,279,285,299,311,325,338,351,366],{"slug":224,"name":224,"fn":225,"description":226,"org":227,"tags":228,"stars":21,"repoUrl":22,"updatedAt":237},"remotion-best-practices","build programmatic videos with Remotion","Router for all Remotion skills",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[229,230,232,233,236],{"name":16,"slug":17,"type":14},{"name":231,"slug":28,"type":14},"React",{"name":9,"slug":8,"type":14},{"name":234,"slug":235,"type":14},"TypeScript","typescript",{"name":19,"slug":20,"type":14},"2026-08-06T05:35:12.69273",{"slug":239,"name":239,"fn":240,"description":241,"org":242,"tags":243,"stars":21,"repoUrl":22,"updatedAt":250},"remotion-interactivity","create interactive Remotion animations","Structure Remotion markup for interactivity",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[244,245,248,249],{"name":16,"slug":17,"type":14},{"name":246,"slug":247,"type":14},"Design","design",{"name":231,"slug":28,"type":14},{"name":9,"slug":8,"type":14},"2026-08-06T05:35:13.678882",{"slug":252,"name":252,"fn":253,"description":254,"org":255,"tags":256,"stars":21,"repoUrl":22,"updatedAt":262},"remotion-multimedia","interact with Mediabunny in Remotion","Interacting with Mediabunny",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[257,260,261],{"name":258,"slug":259,"type":14},"Media","media",{"name":9,"slug":8,"type":14},{"name":19,"slug":20,"type":14},"2026-08-06T05:35:10.671483",{"slug":264,"name":264,"fn":265,"description":266,"org":267,"tags":268,"stars":21,"repoUrl":22,"updatedAt":278},"remotion-saas","build Remotion-powered SaaS applications","Build an app with Remotion",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[269,270,271,274,275],{"name":231,"slug":28,"type":14},{"name":9,"slug":8,"type":14},{"name":272,"slug":273,"type":14},"SaaS","saas",{"name":19,"slug":20,"type":14},{"name":276,"slug":277,"type":14},"Web Development","web-development","2026-08-06T05:35:11.712589",{"slug":4,"name":4,"fn":5,"description":6,"org":280,"tags":281,"stars":21,"repoUrl":22,"updatedAt":23},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[282,283,284],{"name":16,"slug":17,"type":14},{"name":9,"slug":8,"type":14},{"name":19,"slug":20,"type":14},{"slug":286,"name":286,"fn":287,"description":288,"org":289,"tags":290,"stars":296,"repoUrl":297,"updatedAt":298},"remotion-captions","manage video captions in Remotion","Transcribing, displaying and animating captions",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[291,292,295],{"name":9,"slug":8,"type":14},{"name":293,"slug":294,"type":14},"Transcription","transcription",{"name":19,"slug":20,"type":14},4160,"https:\u002F\u002Fgithub.com\u002Fremotion-dev\u002Fskills","2026-08-06T05:35:05.689666",{"slug":300,"name":300,"fn":301,"description":302,"org":303,"tags":304,"stars":296,"repoUrl":297,"updatedAt":310},"remotion-create","create new Remotion video projects","Create a new Remotion video",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[305,308,309],{"name":306,"slug":307,"type":14},"Creative","creative",{"name":9,"slug":8,"type":14},{"name":19,"slug":20,"type":14},"2026-08-06T05:35:04.682411",{"slug":312,"name":312,"fn":313,"description":314,"org":315,"tags":316,"stars":296,"repoUrl":297,"updatedAt":324},"remotion-docs","search Remotion documentation","Search Remotion documentation",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[317,320,323],{"name":318,"slug":319,"type":14},"Documentation","documentation",{"name":321,"slug":322,"type":14},"Reference","reference",{"name":9,"slug":8,"type":14},"2026-08-06T05:35:07.669249",{"slug":326,"name":326,"fn":327,"description":328,"org":329,"tags":330,"stars":296,"repoUrl":297,"updatedAt":337},"remotion-maps","animate maps using Remotion","Remotion Map animation knowledge",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[331,332,335,336],{"name":16,"slug":17,"type":14},{"name":333,"slug":334,"type":14},"Maps","maps",{"name":9,"slug":8,"type":14},{"name":19,"slug":20,"type":14},"2026-08-06T05:35:03.689588",{"slug":339,"name":339,"fn":340,"description":341,"org":342,"tags":343,"stars":296,"repoUrl":297,"updatedAt":350},"remotion-markup","write Remotion React markup","Content, animation and effects best practices",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[344,347,348,349],{"name":345,"slug":346,"type":14},"Frontend","frontend",{"name":231,"slug":28,"type":14},{"name":9,"slug":8,"type":14},{"name":19,"slug":20,"type":14},"2026-08-06T05:35:08.706576",{"slug":352,"name":352,"fn":353,"description":354,"org":355,"tags":356,"stars":296,"repoUrl":297,"updatedAt":365},"remotion-render","render videos with Remotion","Export a Remotion video",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[357,360,363,364],{"name":358,"slug":359,"type":14},"Deployment","deployment",{"name":361,"slug":362,"type":14},"Performance","performance",{"name":9,"slug":8,"type":14},{"name":19,"slug":20,"type":14},"2026-08-06T05:35:06.691191",{"slug":367,"name":367,"fn":368,"description":369,"org":370,"tags":371,"stars":296,"repoUrl":297,"updatedAt":379},"remotion-upgrade","upgrade Remotion projects and dependencies","Upgrade Remotion, and related packages",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[372,375,378],{"name":373,"slug":374,"type":14},"Engineering","engineering",{"name":376,"slug":377,"type":14},"Migration","migration",{"name":9,"slug":8,"type":14},"2026-08-06T05:35:02.896348",12,{"items":382,"total":418},[383,391,398,404,412],{"slug":224,"name":224,"fn":225,"description":226,"org":384,"tags":385,"stars":21,"repoUrl":22,"updatedAt":237},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[386,387,388,389,390],{"name":16,"slug":17,"type":14},{"name":231,"slug":28,"type":14},{"name":9,"slug":8,"type":14},{"name":234,"slug":235,"type":14},{"name":19,"slug":20,"type":14},{"slug":239,"name":239,"fn":240,"description":241,"org":392,"tags":393,"stars":21,"repoUrl":22,"updatedAt":250},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[394,395,396,397],{"name":16,"slug":17,"type":14},{"name":246,"slug":247,"type":14},{"name":231,"slug":28,"type":14},{"name":9,"slug":8,"type":14},{"slug":252,"name":252,"fn":253,"description":254,"org":399,"tags":400,"stars":21,"repoUrl":22,"updatedAt":262},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[401,402,403],{"name":258,"slug":259,"type":14},{"name":9,"slug":8,"type":14},{"name":19,"slug":20,"type":14},{"slug":264,"name":264,"fn":265,"description":266,"org":405,"tags":406,"stars":21,"repoUrl":22,"updatedAt":278},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[407,408,409,410,411],{"name":231,"slug":28,"type":14},{"name":9,"slug":8,"type":14},{"name":272,"slug":273,"type":14},{"name":19,"slug":20,"type":14},{"name":276,"slug":277,"type":14},{"slug":4,"name":4,"fn":5,"description":6,"org":413,"tags":414,"stars":21,"repoUrl":22,"updatedAt":23},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[415,416,417],{"name":16,"slug":17,"type":14},{"name":9,"slug":8,"type":14},{"name":19,"slug":20,"type":14},5]