editframe-create/SKILL.md
Scaffold new Editframe video projects from templates. Generates project structure, installs dependencies, and sets up composition tooling to start immediately.
npx skillsauth add editframe/skills editframe-createInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
npm create @editframe
Follow the prompts to pick a template and project name. Or skip prompts:
npm create @editframe -- html -d my-project -y
cd my-project
npm start
This opens a live preview. Edit index.html to build your composition, then render to video:
npx editframe render -o output.mp4
html — Minimal HTML/CSS/JS starterreact — Minimal React/TypeScript startersimple-demo — HTML demo with sample assets and animationsreact-demo — React demo with card animationscard-poetry — HTML card animation demo with audioanimejs — AnimeJS integration demoAfter creating a project, learn to build compositions:
elements-composition skillreact-composition skilleditframe-cli skill for rendering, previewing, and moredevelopment
Webhook notifications for render completion and file processing events. Configure endpoints, verify HMAC signatures, and handle real-time status payloads.
tools
Vite integration for Editframe development with local video transcoding, asset serving, file API endpoints, and visual regression testing.
development
Build video editing interfaces with Editframe's GUI components. Assemble timeline, scrubber, filmstrip, preview, playback controls, and transform handles.
tools
Command-line tools for Editframe video development. Render compositions to MP4 locally, preview in the browser, transcribe audio, and deploy to the cloud.