/
Create Project
Create Editframe Project
When to use this skill
Only use this skill to create a brand-new project from scratch.
If you are already inside an Editframe project (i.e. the current directory has a package.json that depends on @editframe/elements or @editframe/react, or there is an index.html with <ef-timegroup>), do not run npm create @editframe. Edit the existing files instead and use the editframe-composition skill.
Which template?
| If you want to... | Use |
|---|---|
| Build with HTML/web components | html |
| Build with React/TypeScript | react |
Quick Start
npm create @editframe -- html -d my-project -ycd my-project
Then edit index.html to build your composition and render to video:
npx editframe render -o output.mp4
Agent workflow note
Do not run npm start in an agent context — it starts a long-running dev server that will block execution. Use npx editframe render directly to produce output.