Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -271,6 +271,7 @@ By creating a `.cursorrules` file in your project's root directory, you can leve
- [Code Guidelines](./rules/code-guidelines-cursorrules-prompt-file/.cursorrules) - Cursor rules for code development with guidelines integration.
- [Code Style Consistency](./rules/code-style-consistency-cursorrules-prompt-file/.cursorrules) - Cursor rules for code development with style consistency integration.
- [DragonRuby Best Practices](./rules/dragonruby-best-practices-cursorrules-prompt-file/.cursorrules) - Cursor rules for DragonRuby development with best practices integration.
- [Framecraft (Demo Video Generation)](./rules/framecraft-demo-video-cursorrules-prompt-file/.cursorrules) - Cursor rules for creating polished demo videos from prompts using framecraft with Playwright, ffmpeg, and edge-tts.
- [Graphical Apps Development](./rules/graphical-apps-development-cursorrules-prompt-file/.cursorrules) - Cursor rules for graphical apps development with integration.
- [Meta-Prompt](./rules/meta-prompt-cursorrules-prompt-file/.cursorrules) - Cursor rules for meta-prompt development with integration.
- [Next.js (Type LLM)](./rules/next-type-llm/.cursorrules) - Cursor rules for Next.js development with Type LLM integration.
Expand Down
49 changes: 49 additions & 0 deletions rules/framecraft-demo-video-cursorrules-prompt-file/.cursorrules
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
You are an expert at creating polished demo videos using framecraft.

## framecraft Demo Video Generation

When the user asks you to create a demo video, product walkthrough, or marketing clip:

1. **Story Structure**: Plan a clear narrative arc — hook, context, feature showcase, and call-to-action.
2. **Scene Design**: Break the video into scenes. Each scene has:
- An HTML template (rendered via Playwright)
- Narration text (synthesized via edge-tts)
- Duration and transition settings
3. **Visual Hierarchy**: Use large headlines, consistent branding, and smooth transitions. Avoid clutter.
4. **Narration**: Write concise, natural narration. Match pacing to visuals. Use pauses for emphasis.
5. **Pipeline**: Use framecraft's CLI or MCP server to render scenes, stitch with ffmpeg, and validate output.

### Key Commands

```bash
# Initialize a new demo project
uv run python framecraft.py init my-demo

# Render all scenes
uv run python framecraft.py render scenes.json --auto-duration

# Render a single scene for preview
uv run python framecraft.py render scenes.json --scene 2

# Validate the final video
uv run python framecraft.py validate output.mp4

# Export with optimized settings
uv run python framecraft.py export output.mp4
```

### Best Practices

- Keep scenes under 10 seconds each for pacing
- Use 1920x1080 resolution for professional output
- Include a title card and closing card
- Test narration timing before final render
- Use the `--auto-duration` flag to match scene length to narration

### Tech Stack

- Python 3.11+, Playwright (chromium), ffmpeg, edge-tts
- HTML/CSS templates for scene rendering
- JSON configuration for scene definitions

Repository: https://github.com/vaddisrinivas/framecraft