# framecraft

Generates 1920x1080 product demos from a text description without screen recording. Manages HTML scene layouts, Edge TTS narration, and FFmpeg assembly.

- plugin · `type=plugin` · Claude Code · ★ 8
- Author: vaddisrinivas
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/vaddisrinivas/framecraft
- Updated: 2026-07-28
- HTML: https://affpapa.org/en/nevibecode/plugins/framecraft

## What it does

framecraft turns Claude Code into an automated video production system. Instead of capturing real displays, the assistant drafts custom HTML scenes, plans a `scenes.json` sequence, writes a script, and triggers rendering. The final deliverable is an MP4 file rendered at 1920x1080 resolution.

During setup, the package registers 4 MCP servers to handle the workflow: a framecraft pipeline runner, Playwright for frame capture, FFmpeg for audio mixing, and Edge TTS for narration. Without the `ffmpeg` system binary and Playwright's Chromium package installed, the rendering phase will halt.

Local requirements include Python 3.11 or newer, `uv`, Node.js with npx, and active internet connectivity for speech synthesis. Edge TTS offers 10 neural voice profiles (defaulting to `andrew`) without any API keys. Reusable templates like `browser-mockup.html` and `title-card.html` are included.

## Install

### Claude Code (native platform)

**Plugin marketplace**
In the agent chat (not a shell):
```text
/plugin marketplace add anthropics/claude-plugins-community
```
In the agent chat (not a shell):
```text
/plugin install framecraft@claude-community
```

## When to use it
- produce product demo clips without recording screen activity
- render HTML mockups and interface layouts into video frames
- generate voiceover audio without paying for speech API tokens
- composite animations and audio into 1080p MP4 files

## Example prompts
- Generate a demo video for our browser tab management extension
- Create a short showcase video for a terminal tool using the voice andrew
- Render a product introduction MP4 using title-card.html and scenes.json

## Similar
- [claude-seo](https://affpapa.org/en/nevibecode/plugins/claude-seo.md) — plugin · ★ 22201
- [search-console-mcp](https://affpapa.org/en/nevibecode/plugins/search-console-mcp.md) — plugin · ★ 2033
- [voltagent-research](https://affpapa.org/en/nevibecode/plugins/voltagent-research.md) — plugin · ★ 26093
- [hermes-tweet](https://affpapa.org/en/nevibecode/plugins/hermes-tweet.md) — plugin · ★ 41823
- [social-publishing](https://affpapa.org/en/nevibecode/plugins/social-publishing.md) — plugin · ★ 41823
- [content-marketing](https://affpapa.org/en/nevibecode/plugins/content-marketing.md) — plugin · ★ 41823

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md