explaingit

mrvaibhavbhardwaj/motioncraft

★ 15TypeScriptAudience · developerComplexity · 3/5Setup · moderate

TLDR

A web-based screen recorder and video editor built with TypeScript that integrates Google's Gemini AI model for some part of its editing workflow, though the specific AI features are not documented in the README.

Mindmap

mindmap
  root((motioncraft))
    What it does
      Screen recording in browser
      Video editing in browser
      Gemini AI integration
    Tech used
      TypeScript
      Node.js
      Gemini API
    Known limits
      Minimal documentation
      AI role not explained
      No feature walkthrough
    Setup
      npm install
      Add Gemini API key
      Start dev server
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Things people build with this

USE CASE 1

Record your screen in a browser tab and edit the resulting clip without installing a desktop application.

USE CASE 2

Explore how to wire the Gemini AI model into a browser-based video recording and editing workflow as a starting reference.

Tech stack

TypeScriptNode.jsGemini API

Getting it running

Difficulty · moderate Time to first run · 30min

Requires a Gemini API key from Google, without it the AI-powered features will not work.

In plain English

Motioncraft is described as an open-source screen recorder and video editor that runs in a web browser. The repository is written in TypeScript and uses Node.js. The README is very brief and provides only setup instructions: install dependencies with npm, add a Gemini API key to a local configuration file, and start the development server. The inclusion of a Gemini API key suggests the tool uses Google's Gemini AI model for some part of its functionality, though the README does not explain what the AI does within the screen recording or editing workflow. Beyond the project description and setup steps, the repository does not document its features, intended use cases, or how the screen recording and editing tools work. The screenshots referenced in the README were not included in the source data provided here.

Copy-paste prompts

Prompt 1
I have Motioncraft running locally. How do I start a screen recording session and export the finished video as an MP4 file?
Prompt 2
The Motioncraft source uses the Gemini API. Help me find the file where the API is called and explain what the AI does in the recording workflow.
Prompt 3
I want to add a Gemini-powered auto-caption feature to Motioncraft. Show me where in the TypeScript source to add the new API call.
Open on GitHub → Explain another repo

← mrvaibhavbhardwaj on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.