# Editframe Create

> Scaffold new Editframe video projects from templates. Generates project structure, installs dependencies, and sets up composition tooling to start immediately.

- Skill: `shadcn-labs/editframe-create` (Agent Skill, multi-file: 3 files)
- Install (CLI): `npx skillmds@latest add shadcn-labs/editframe-create`
- Raw SKILL.md: https://api.skillmd.com/api/skills/shadcn-labs/editframe-create/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- License: MIT
- Author: shadcn-labs (https://skillmd.com/u/shadcn-labs)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/shadcn-labs/editframe-create

---



# Create Editframe Project

## Quick Start

```bash
npm create @editframe
```

Follow the prompts to pick a template and project name. Or skip prompts:

```bash
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:

```bash
npx editframe render -o output.mp4
```

## Templates

- `html` — Minimal HTML/CSS/JS starter
- `react` — Minimal React/TypeScript starter
- `simple-demo` — HTML demo with sample assets and animations
- `react-demo` — React demo with card animations
- `card-poetry` — HTML card animation demo with audio
- `animejs` — AnimeJS integration demo

## Getting Started

- [references/getting-started.md](references/getting-started.md) — Zero to rendered video

## Reference

- [references/templates.md](references/templates.md) — Template details and project structure
- [references/agent-skills.md](references/agent-skills.md) — AI agent skills installation

## Next Steps

After creating a project, learn to build compositions:

- **HTML/Web Components**: See the `elements-composition` skill
- **React**: See the `react-composition` skill
- **CLI tools**: See the `editframe-cli` skill for rendering, previewing, and more