Skip to content
Merged
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
14 changes: 10 additions & 4 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,12 @@

# <p align="center">OpenScreen</p>

<p align="center"><strong>Make a demo video with one sentence in your AI agent:</strong></p>

```text
Install the OpenScreen demo skill with `npx skills add getopenscreen/openscreen --skill openscreen-demo -y`, then follow it to make a demo video of this feature.
```

<p align="center"><strong>A free, open-source desktop app for recording your screen and turning the result into polished product demos and walkthroughs.</strong></p>

<p align="center">
Expand Down Expand Up @@ -63,18 +69,18 @@ openscreen export demo.openscreen -o demo.mp4 --json

See the [CLI reference](https://getopenscreen.com/docs/cli/).

### Let your coding agent ship the feature with its video
### Let your AI agent ship the feature with its video

Paste this into Claude Code:
Paste this into your AI agent (Claude Code, Codex, Cursor…):

```text
Install the OpenScreen demo skill with `npx skills add getopenscreen/openscreen --skill openscreen-demo -a claude-code`, then follow it to add a video of this change to the PR.
Install the OpenScreen demo skill with `npx skills add getopenscreen/openscreen --skill openscreen-demo -y`, then follow it to add a video of this change to the PR.
```

The skill sets everything up: it installs OpenScreen if it is missing (once you
agree), connects its MCP server, then asks you to open a new session and say
*"continue the OpenScreen demo"*, the one step an agent cannot do for itself.
By hand, it is these two commands, where `<executable>` is the app's executable
By hand, in Claude Code, it is these two commands, where `<executable>` is the app's executable
on your system ([where to find it](https://getopenscreen.com/docs/cli/#running-the-cli)):

```bash
Expand Down
4 changes: 2 additions & 2 deletions website/docs/ai-editing.md
Original file line number Diff line number Diff line change
Expand Up @@ -80,10 +80,10 @@ An agent can make a whole video on its own, from the recording to the export. Be

**Through the server above**, a take is recorded by OpenScreen itself, as with its Record button: the editor closes, the recording bar counts down and records, and the take opens in the editor as a new project, where you watch each edit land. It needs **MCP edits** on, and the recording bar gets your own settings back once the take ends.

**As a stdio server**, it needs no setting at all: the agent starts the app's own executable with `mcp`. The quickest way is to paste this into Claude Code:
**As a stdio server**, it needs no setting at all: the agent starts the app's own executable with `mcp`. The quickest way is to paste this into your AI agent (Claude Code, Codex, Cursor…):

```text
Install the OpenScreen demo skill with `npx skills add getopenscreen/openscreen --skill openscreen-demo -a claude-code`, then follow it to make a demo video of this feature.
Install the OpenScreen demo skill with `npx skills add getopenscreen/openscreen --skill openscreen-demo -y`, then follow it to make a demo video of this feature.
```

The skill installs OpenScreen if it is missing, once you agree, and adds its MCP server. It then asks you to open a new session and say *continue the OpenScreen demo*: an agent only gets new tools in a new session. To set it up by hand instead:
Expand Down
57 changes: 30 additions & 27 deletions website/i18n/code.source.json
Original file line number Diff line number Diff line change
Expand Up @@ -41,16 +41,19 @@
"download.preRelease.cta": "Browse all releases",
"home.agents.copied": "Copied",
"home.agents.copy": "Copy",
"home.hero.agentBadge.copied": "Now paste it into your AI agent",
"home.hero.agentBadge": "Make a demo with your AI agent",
"home.hero.agentBadge.copy": "Copy prompt",
"home.meta.title": "Free open-source screen recorder & video editor",
"home.meta.description": "Turn screen recordings into polished demos with automatic zooms, styled backgrounds and an editable cursor. Free and open source for Windows, macOS and Linux. No watermark.",
"home.hero.kicker": "Open-source screen recorder",
"home.hero.title": "Beautiful demos on the first take.",
"home.hero.tagline": "Automatic zooms, smooth cursor movement, and a frame that looks finished. Record, adjust, share.",
"home.hero.reassurance": "Free and open source. No watermark. No account.",
"home.features.platforms.title": "Windows, macOS, Linux",
"home.agents.kicker": "For coding agents",
"home.agents.title": "Your coding agent ships the feature with its video.",
"home.agents.summary": "OpenScreen's MCP server gives an agent the whole job: it records the app, edits the take with the editor's own tools, exports the MP4 and checks it frame by frame. Paste this into Claude Code and the video of your change lands in the pull request.",
"home.agents.kicker": "For AI agents",
"home.agents.title": "Your AI agent ships the feature with its video.",
"home.agents.summary": "OpenScreen's MCP server gives an agent the whole job: it records the app, edits the take with the editor's own tools, exports the MP4 and checks it frame by frame. Paste this into your AI agent (Claude Code, Codex, Cursor…) and the video of your change lands in the pull request.",
"home.agents.foot": "It installs OpenScreen if it is missing, once you agree. Codex, Cursor and any other MCP client work too: {docs}.",
"home.agents.foot.docs": "Set it up by hand",
"home.features.kicker": "Also true",
Expand Down Expand Up @@ -167,6 +170,30 @@
"films.ship.blur": "{t} Smooth or mosaic, as a rectangle, an oval or a freehand shape, over an email, a key or a password.",
"films.ship.blur.t": "Blur regions.",
"films.label": "More of the app, in motion",
"download.cta.mac": "Download for Mac",
"download.cta.windows": "Download for Windows",
"download.cta.linux": "Download for Linux",
"home.hero.download": "Download",
"download.cta.chooseMac": "Choose your Mac",
"download.cta.otherVersions": "Other versions",
"recreation.style.kicker": "Style",
"recreation.style.title": "Swap the background",
"recreation.style.sub": "Image, color or gradient behind your recording — no re-shoot.",
"recreation.effects.kicker": "Effects",
"recreation.effects.title": "Frame it your way",
"recreation.effects.sub": "Padding, motion blur, shadow, roundness — every effect composites live.",
"recreation.cursor.kicker": "Cursor",
"recreation.cursor.title": "A cursor worth watching",
"recreation.cursor.sub": "Size, smoothing, motion blur, click bounce — every move reads on screen.",
"recreation.timeline.kicker": "Timeline",
"recreation.timeline.title": "One click, every zoom placed",
"recreation.timeline.sub": "Zooms, speed ramps, trims, comments — each edit lands as a pill on the timeline.",
"recreation.transcript.kicker": "Transcript",
"recreation.transcript.title": "Edit video like text",
"recreation.transcript.sub": "Delete a word or a silence; the cut lands on the timeline. Nothing destructive.",
"recreation.pause": "Pause animation",
"recreation.play": "Play animation",
"home.hero.explore": "Scroll to explore the editor",
"announcement.v2.link": "See what's new",
"announcement.v2.title": "OpenScreen v2 is here",
"announcement.productHunt.rank": "#5 Product of the Day",
Expand Down Expand Up @@ -195,30 +222,6 @@
"showcase.agent.link.docs": "AI editing docs",
"showcase.agent.link.feature": "How automatic zooms work",
"showcase.title": "Recorder, captions, agent, encoder.",
"download.cta.mac": "Download for Mac",
"download.cta.windows": "Download for Windows",
"download.cta.linux": "Download for Linux",
"home.hero.download": "Download",
"download.cta.chooseMac": "Choose your Mac",
"download.cta.otherVersions": "Other versions",
"recreation.style.kicker": "Style",
"recreation.style.title": "Swap the background",
"recreation.style.sub": "Image, color or gradient behind your recording — no re-shoot.",
"recreation.effects.kicker": "Effects",
"recreation.effects.title": "Frame it your way",
"recreation.effects.sub": "Padding, motion blur, shadow, roundness — every effect composites live.",
"recreation.cursor.kicker": "Cursor",
"recreation.cursor.title": "A cursor worth watching",
"recreation.cursor.sub": "Size, smoothing, motion blur, click bounce — every move reads on screen.",
"recreation.timeline.kicker": "Timeline",
"recreation.timeline.title": "One click, every zoom placed",
"recreation.timeline.sub": "Zooms, speed ramps, trims, comments — each edit lands as a pill on the timeline.",
"recreation.transcript.kicker": "Transcript",
"recreation.transcript.title": "Edit video like text",
"recreation.transcript.sub": "Delete a word or a silence; the cut lands on the timeline. Nothing destructive.",
"recreation.pause": "Pause animation",
"recreation.play": "Play animation",
"home.hero.explore": "Scroll to explore the editor",
"footer.brand.description": "A free, open-source screen recorder and editor. Community-maintained continuation, MIT licensed.",
"footer.product.title": "Product",
"footer.product.download": "Download",
Expand Down
15 changes: 12 additions & 3 deletions website/i18n/de/code.json
Original file line number Diff line number Diff line change
Expand Up @@ -1102,13 +1102,13 @@
"message": "Kopieren"
},
"home.agents.kicker": {
"message": "Für Coding-Agenten"
"message": "Für KI-Agenten"
},
"home.agents.title": {
"message": "Dein Coding-Agent liefert das Feature mit seinem Video."
"message": "Dein KI-Agent liefert das Feature mit seinem Video."
},
"home.agents.summary": {
"message": "Der MCP-Server von OpenScreen gibt einem Agenten die ganze Arbeit: Er nimmt die App auf, schneidet den Take mit den Werkzeugen des Editors, exportiert das MP4 und prüft es Bild für Bild. Füge das in Claude Code ein, und das Video deiner Änderung landet im Pull Request."
"message": "Der MCP-Server von OpenScreen gibt einem Agenten die ganze Arbeit: Er nimmt die App auf, schneidet den Take mit den Werkzeugen des Editors, exportiert das MP4 und prüft es Bild für Bild. Füge das in deinen KI-Agenten ein (Claude Code, Codex, Cursor …), und das Video deiner Änderung landet im Pull Request."
},
"home.agents.foot": {
"message": "Er installiert OpenScreen, falls es fehlt, sobald du zustimmst. Codex, Cursor und jeder andere MCP-Client funktionieren auch: {docs}.",
Expand All @@ -1119,5 +1119,14 @@
},
"footer.community.privacy": {
"message": "Datenschutz"
},
"home.hero.agentBadge.copied": {
"message": "Füge ihn jetzt in deinen KI-Agenten ein"
},
"home.hero.agentBadge": {
"message": "Erstelle eine Demo mit deinem KI-Agenten"
},
"home.hero.agentBadge.copy": {
"message": "Prompt kopieren"
}
}
Original file line number Diff line number Diff line change
Expand Up @@ -82,10 +82,10 @@ Ein Agent kann ein ganzes Video selbstständig erstellen, von der Aufnahme bis z

**Als stdio-Server** braucht es gar keine Einstellung: Der Agent startet die eigene ausführbare Datei der App mit `mcp`.

Am schnellsten fügst du Folgendes in Claude Code ein:
Am schnellsten fügst du Folgendes in deinen KI-Agenten ein (Claude Code, Codex, Cursor …):

```text
Install the OpenScreen demo skill with `npx skills add getopenscreen/openscreen --skill openscreen-demo -a claude-code`, then follow it to make a demo video of this feature.
Install the OpenScreen demo skill with `npx skills add getopenscreen/openscreen --skill openscreen-demo -y`, then follow it to make a demo video of this feature.
```

Der Skill installiert OpenScreen, falls es fehlt, sobald du zustimmst, und fügt seinen MCP-Server hinzu. Danach bittet er dich, eine neue Sitzung zu öffnen und *continue the OpenScreen demo* zu sagen: Ein Agent bekommt neue Werkzeuge nur in einer neuen Sitzung. So richtest du es stattdessen von Hand ein:
Expand Down
15 changes: 12 additions & 3 deletions website/i18n/es/code.json
Original file line number Diff line number Diff line change
Expand Up @@ -1102,13 +1102,13 @@
"message": "Copiar"
},
"home.agents.kicker": {
"message": "Para agentes de programación"
"message": "Para agentes de IA"
},
"home.agents.title": {
"message": "Tu agente de programación entrega la función con su video."
"message": "Tu agente de IA entrega la función con su video."
},
"home.agents.summary": {
"message": "El servidor MCP de OpenScreen le da a un agente todo el trabajo: graba la app, edita la toma con las herramientas del editor, exporta el MP4 y lo revisa fotograma a fotograma. Pega esto en Claude Code y el video de tu cambio llega a la pull request."
"message": "El servidor MCP de OpenScreen le da a un agente todo el trabajo: graba la app, edita la toma con las herramientas del editor, exporta el MP4 y lo revisa fotograma a fotograma. Pega esto en tu agente de IA (Claude Code, Codex, Cursor…) y el video de tu cambio llega a la pull request."
},
"home.agents.foot": {
"message": "Instala OpenScreen si falta, una vez que aceptas. Codex, Cursor y cualquier otro cliente MCP también funcionan: {docs}.",
Expand All @@ -1119,5 +1119,14 @@
},
"footer.community.privacy": {
"message": "Privacidad"
},
"home.hero.agentBadge.copied": {
"message": "Ahora pégalo en tu agente de IA"
},
"home.hero.agentBadge": {
"message": "Haz una demo con tu agente de IA"
},
"home.hero.agentBadge.copy": {
"message": "Copiar el prompt"
}
}
Original file line number Diff line number Diff line change
Expand Up @@ -82,10 +82,10 @@ Un agente puede hacer un video completo por sí solo, desde la grabación hasta

**Como servidor stdio**, no necesita ningún ajuste: el agente inicia el propio ejecutable de la app con `mcp`.

La forma más rápida es pegar esto en Claude Code:
La forma más rápida es pegar esto en tu agente de IA (Claude Code, Codex, Cursor…):

```text
Install the OpenScreen demo skill with `npx skills add getopenscreen/openscreen --skill openscreen-demo -a claude-code`, then follow it to make a demo video of this feature.
Install the OpenScreen demo skill with `npx skills add getopenscreen/openscreen --skill openscreen-demo -y`, then follow it to make a demo video of this feature.
```

El skill instala OpenScreen si falta, una vez que aceptes, y agrega su servidor MCP. Luego te pide que abras una nueva sesión y digas *continue the OpenScreen demo*: un agente solo obtiene herramientas nuevas en una nueva sesión. Para configurarlo a mano en cambio:
Expand Down
15 changes: 12 additions & 3 deletions website/i18n/fr/code.json
Original file line number Diff line number Diff line change
Expand Up @@ -1102,13 +1102,13 @@
"message": "Copier"
},
"home.agents.kicker": {
"message": "Pour les agents de code"
"message": "Pour les agents IA"
},
"home.agents.title": {
"message": "Votre agent de code livre la fonctionnalité avec sa vidéo."
"message": "Votre agent IA livre la fonctionnalité avec sa vidéo."
},
"home.agents.summary": {
"message": "Le serveur MCP d'OpenScreen confie tout le travail à un agent : il enregistre l'application, monte la prise avec les outils de l'éditeur, exporte le MP4 et le vérifie image par image. Collez ceci dans Claude Code, et la vidéo de votre modification arrive dans la pull request."
"message": "Le serveur MCP d'OpenScreen confie tout le travail à un agent : il enregistre l'application, monte la prise avec les outils de l'éditeur, exporte le MP4 et le vérifie image par image. Collez ceci dans votre agent IA (Claude Code, Codex, Cursor…), et la vidéo de votre modification arrive dans la pull request."
},
"home.agents.foot": {
"message": "Il installe OpenScreen s'il manque, une fois que vous avez accepté. Codex, Cursor et tout autre client MCP fonctionnent aussi : {docs}.",
Expand All @@ -1119,5 +1119,14 @@
},
"footer.community.privacy": {
"message": "Confidentialité"
},
"home.hero.agentBadge.copied": {
"message": "Collez-le maintenant dans votre agent IA"
},
"home.hero.agentBadge": {
"message": "Créez une démo avec votre agent IA"
},
"home.hero.agentBadge.copy": {
"message": "Copier le prompt"
}
}
Original file line number Diff line number Diff line change
Expand Up @@ -82,10 +82,10 @@ Un agent peut faire une vidéo entière tout seul, de l'enregistrement à l'expo

**Comme serveur stdio**, aucun réglage n'est nécessaire : l'agent lance l'exécutable même de l'application avec `mcp`.

Le plus rapide est de coller ceci dans Claude Code :
Le plus rapide est de coller ceci dans votre agent IA (Claude Code, Codex, Cursor…) :

```text
Install the OpenScreen demo skill with `npx skills add getopenscreen/openscreen --skill openscreen-demo -a claude-code`, then follow it to make a demo video of this feature.
Install the OpenScreen demo skill with `npx skills add getopenscreen/openscreen --skill openscreen-demo -y`, then follow it to make a demo video of this feature.
```

La skill installe OpenScreen s'il manque, une fois que vous avez accepté, et ajoute son serveur MCP. Elle vous demande ensuite d'ouvrir une nouvelle session et de dire *continue the OpenScreen demo* : un agent n'obtient de nouveaux outils que dans une nouvelle session. Pour tout configurer à la main à la place :
Expand Down
15 changes: 12 additions & 3 deletions website/i18n/ja/code.json
Original file line number Diff line number Diff line change
Expand Up @@ -1102,13 +1102,13 @@
"message": "コピー"
},
"home.agents.kicker": {
"message": "コーディングエージェント向け"
"message": "AI エージェント向け"
},
"home.agents.title": {
"message": "コーディングエージェントが、機能と一緒にその動画も届けます。"
"message": "AI エージェントが、機能と一緒にその動画も届けます。"
},
"home.agents.summary": {
"message": "OpenScreen の MCP サーバーを使えば、エージェントがすべてを担います。アプリを録画し、エディターと同じツールでテイクを編集し、MP4 をエクスポートして、1 フレームずつ確認します。これを Claude Code に貼り付ければ、変更の動画がプルリクエストに届きます。"
"message": "OpenScreen の MCP サーバーを使えば、エージェントがすべてを担います。アプリを録画し、エディターと同じツールでテイクを編集し、MP4 をエクスポートして、1 フレームずつ確認します。これをAI エージェント(Claude Code、Codex、Cursor など)に貼り付ければ、変更の動画がプルリクエストに届きます。"
},
"home.agents.foot": {
"message": "OpenScreen がなければ、あなたの同意を得てからインストールします。Codex、Cursor など、ほかの MCP クライアントでも使えます:{docs}。",
Expand All @@ -1119,5 +1119,14 @@
},
"footer.community.privacy": {
"message": "プライバシー"
},
"home.hero.agentBadge.copied": {
"message": "AI エージェントに貼り付けてください"
},
"home.hero.agentBadge": {
"message": "AI エージェントでデモを作成"
},
"home.hero.agentBadge.copy": {
"message": "プロンプトをコピー"
}
}
Original file line number Diff line number Diff line change
Expand Up @@ -82,10 +82,10 @@ Claude Code や Codex などの AI コーディングエージェントをすで

**stdio サーバーとして追加する場合**、設定は一切不要です。エージェントは、アプリ自身の実行ファイルを `mcp` 付きで起動します。

いちばん手早いのは、次の内容を Claude Code に貼り付けることです。
いちばん手早いのは、次の内容をAI エージェント(Claude Code、Codex、Cursor など)に貼り付けることです。

```text
Install the OpenScreen demo skill with `npx skills add getopenscreen/openscreen --skill openscreen-demo -a claude-code`, then follow it to make a demo video of this feature.
Install the OpenScreen demo skill with `npx skills add getopenscreen/openscreen --skill openscreen-demo -y`, then follow it to make a demo video of this feature.
```

このスキルは、OpenScreen がなければ、同意を得たうえでインストールし、その MCP サーバーを追加します。続いて、新しいセッションを開いて *continue the OpenScreen demo* と伝えるよう求めます。エージェントが新しいツールを得られるのは、新しいセッションの中だけです。代わりに手動で設定するには、次のようにします。
Expand Down
Loading
Loading