jpskill.com
💼 ビジネス コミュニティ

openscreen

OpenScreenは、オープンソースで商用利用も可能な、透かしなしの高品質な画面録画ツールで、製品デモやチュートリアル動画、マーケティングコンテンツ作成など、録画後の加工も手軽に行える動画作成を支援するSkill。

📜 元の英語説明(参考)

Create stunning screen recordings and product demos with OpenScreen — open-source, no watermarks, free for commercial use. Use when: recording product demos, creating tutorial videos, building marketing content, screen recording with post-processing effects.

🇯🇵 日本人クリエイター向け解説

一言でいうと

OpenScreenは、オープンソースで商用利用も可能な、透かしなしの高品質な画面録画ツールで、製品デモやチュートリアル動画、マーケティングコンテンツ作成など、録画後の加工も手軽に行える動画作成を支援するSkill。

※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。

⚡ おすすめ: コマンド1行でインストール(60秒)

下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。

🍎 Mac / 🐧 Linux
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o openscreen.zip https://jpskill.com/download/15210.zip && unzip -o openscreen.zip && rm openscreen.zip
🪟 Windows (PowerShell)
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/15210.zip -OutFile "$d\openscreen.zip"; Expand-Archive "$d\openscreen.zip" -DestinationPath $d -Force; ri "$d\openscreen.zip"

完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。

💾 手動でダウンロードしたい(コマンドが難しい人向け)
  1. 1. 下の青いボタンを押して openscreen.zip をダウンロード
  2. 2. ZIPファイルをダブルクリックで解凍 → openscreen フォルダができる
  3. 3. そのフォルダを C:\Users\あなたの名前\.claude\skills\(Win)または ~/.claude/skills/(Mac)へ移動
  4. 4. Claude Code を再起動

⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。

🎯 このSkillでできること

下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。

📦 インストール方法 (3ステップ)

  1. 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
  2. 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
  3. 3. 展開してできたフォルダを、ホームフォルダの .claude/skills/ に置く
    • · macOS / Linux: ~/.claude/skills/
    • · Windows: %USERPROFILE%\.claude\skills\

Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。

詳しい使い方ガイドを見る →
最終更新
2026-05-18
取得日時
2026-05-18
同梱ファイル
1

📖 Skill本文(日本語訳)

※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。

OpenScreen

概要

美しい製品デモやチュートリアルを作成するための、オープンソースの画面録画アプリです。Screen Studio の無料の代替手段として、透かし、サブスクリプションは不要で、個人および商用利用のために MIT ライセンスが付与されています。

リポジトリ: siddharthvaddem/openscreen

OpenScreen は画面をキャプチャし、ポストプロセッシング効果(ズーム、カーソルのハイライト、背景、モーションブラー)を適用して、洗練されたデモビデオを作成します。通常、Screen Studio(月額 29 ドル)またはビデオエディターが必要となるようなものです。

主な差別化要因

  • 永久無料 — MIT ライセンス、使用制限なし、透かしなし
  • ポストプロセッシング効果 — 自動/手動ズーム、モーションブラー、カスタム背景
  • クロスプラットフォーム — macOS、Windows、Linux
  • Electron で構築 — レンダリングには React + TypeScript + PixiJS を使用

手順

インストール

macOS

GitHub Releases からダウンロードしてください。

macOS Gatekeeper がアプリをブロックする場合:

# 検疫属性を削除
xattr -rd com.apple.quarantine /Applications/Openscreen.app

次に、システム設定 → プライバシーとセキュリティ で、以下の権限を付与します。

  • 画面収録
  • アクセシビリティ

Linux

# AppImage をダウンロード
chmod +x Openscreen-Linux-*.AppImage
./Openscreen-Linux-*.AppImage

# サンドボックスエラーが発生した場合:
./Openscreen-Linux-*.AppImage --no-sandbox

システムオーディオキャプチャには PipeWire が必要です(Ubuntu 22.04 以降、Fedora 34 以降ではデフォルト)。

Windows

GitHub Releases からインストーラーをダウンロードして実行します。システムオーディオはすぐに動作します。

主要機能

画面キャプチャ

  • フルスクリーン または 特定のウィンドウ の録画
  • マイク音声システム音声 の同時キャプチャ
  • 不要な領域を隠すための領域切り抜き

ズーム効果

  • 自動ズーム — カーソルのクリックや操作を追跡
  • 手動ズーム — 特定のタイムスタンプにズームを配置
  • カスタマイズ可能な深度 — 各ズームの範囲を制御
  • 持続時間と位置 — タイミングと焦点の微調整

ポストプロセッシング

  • モーションブラー — よりスムーズなパンとズームのトランジション
  • 背景オプション — 壁紙、単色、グラデーション、またはカスタム画像
  • 注釈 — 録画の上にテキスト、矢印、画像を追加
  • 速度制御 — さまざまなセグメントで再生速度を変更
  • トリミング — 不要なセクションをカット

エクスポート

  • 複数の アスペクト比 — 16:9、9:16(縦型)、1:1(正方形)
  • 複数の 解像度 — 720p から 4K まで
  • Web またはソーシャルメディア向けに最適化された圧縮

例 1: 製品デモの録画

ユーザーの要望: 「ランディングページ用に洗練された製品デモを録画したい。」

手順:

  1. 不要なアプリと通知を閉じる
  2. 表示を 1920×1080 に設定し、デモするアプリを開く
  3. OpenScreen を起動し、キャプチャソース(フルスクリーンまたはウィンドウ)を選択
  4. ナレーション用にマイクを有効にし、グラデーション背景を選択
  5. 録画 — 自然にデモをウォークスルーし、クリックして操作する
  6. 自動生成されたズームキーフレームを確認し、深度とタイミングを調整
  7. 主要な瞬間に手動ズームを追加し、モーションブラーの強度を設定
  8. 無駄な時間をトリミングし、Web 用に 16:9 1080p でエクスポート

例 2: ソーシャルメディアコンテンツの作成

ユーザーの要望: 「新機能を紹介する短い縦型ビデオを作成したい。」

手順:

  1. 特定の機能領域に焦点を当てて録画を設定
  2. 簡潔なチュートリアルを録画(30〜60 秒)
  3. ポストプロセッシングで、主要な瞬間を強調するテキスト注釈を追加
  4. アスペクト比を Instagram/TikTok 用に 9:16(縦型)に設定
  5. セットアップ手順の速度を上げ、主要な操作で速度を下げる
  6. ソーシャルメディア用に最適化された圧縮でエクスポート

ガイドライン

  • クリーンなデスクトップを使用する — 不要なドック/タスクバーのアイコンを非表示にする
  • カーソルサイズを大きくする — ズームがよりきれいに見える
  • 意図的に動く — ゆっくりとした、目的のあるマウスの動きはより良く記録される
  • グラデーション背景を使用する — 最小限の労力でプロフェッショナルに見える
  • 60fps で録画する — よりスムーズな再生、特にズーム効果を使用する場合
  • 2 回エクスポートする — 1 回は Web 用(圧縮、1080p)、もう 1 回はプレゼンテーション用(高品質)
  • ベータ版ソフトウェア — 時折バグが発生する可能性があることを想定してください。まだ Web カメラオーバーレイはありません
  • 現在 CLI はありません — GUI のみのアプリケーション
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

OpenScreen

Overview

Open-source screen recording app for creating beautiful product demos and walkthroughs. A free alternative to Screen Studio — no watermarks, no subscriptions, MIT licensed for personal and commercial use.

Repository: siddharthvaddem/openscreen

OpenScreen captures your screen and applies post-processing effects (zoom, cursor highlighting, backgrounds, motion blur) to produce polished demo videos — the kind you'd normally need Screen Studio ($29/month) or a video editor to create.

Key Differentiators

  • Free forever — MIT license, no usage limits, no watermarks
  • Post-processing effects — automatic/manual zooms, motion blur, custom backgrounds
  • Cross-platform — macOS, Windows, Linux
  • Built with Electron — React + TypeScript + PixiJS for rendering

Instructions

Installation

macOS

Download from GitHub Releases.

If macOS Gatekeeper blocks the app:

# Remove quarantine attribute
xattr -rd com.apple.quarantine /Applications/Openscreen.app

Then grant permissions in System Settings → Privacy & Security for:

  • Screen Recording
  • Accessibility

Linux

# Download the AppImage
chmod +x Openscreen-Linux-*.AppImage
./Openscreen-Linux-*.AppImage

# If sandbox error occurs:
./Openscreen-Linux-*.AppImage --no-sandbox

Requires PipeWire for system audio capture (default on Ubuntu 22.04+, Fedora 34+).

Windows

Download and run the installer from GitHub Releases. System audio works out of the box.

Core Features

Screen Capture

  • Full screen or specific window recording
  • Microphone audio and system audio capture simultaneously
  • Region cropping to hide unwanted areas

Zoom Effects

  • Automatic zooms — follows cursor clicks and interactions
  • Manual zooms — place zooms at specific timestamps
  • Customizable depth — control how far each zoom goes
  • Duration & position — fine-tune timing and focal point

Post-Processing

  • Motion blur — smoother pan and zoom transitions
  • Background options — wallpapers, solid colors, gradients, or custom images
  • Annotations — add text, arrows, and images on top of recordings
  • Speed control — vary playback speed at different segments
  • Trimming — cut out unwanted sections

Export

  • Multiple aspect ratios — 16:9, 9:16 (vertical), 1:1 (square)
  • Multiple resolutions — from 720p to 4K
  • Optimized compression for web or social media

Examples

Example 1: Recording a Product Demo

User request: "Record a polished product demo for our landing page."

Steps:

  1. Close unnecessary apps and notifications
  2. Set display to 1920×1080, open the app to demo
  3. Launch OpenScreen, select capture source (full screen or window)
  4. Enable microphone for narration, choose gradient background
  5. Record — walk through the demo naturally, clicking and interacting
  6. Review auto-generated zoom keyframes, adjust depth and timing
  7. Add manual zooms for key moments, set motion blur intensity
  8. Trim dead time, export at 16:9 1080p for web

Example 2: Creating Social Media Content

User request: "Create a short vertical video showing our new feature."

Steps:

  1. Set up recording focused on the specific feature area
  2. Record a concise walkthrough (30-60 seconds)
  3. In post-processing, add text annotations highlighting key moments
  4. Set aspect ratio to 9:16 (vertical) for Instagram/TikTok
  5. Increase speed on setup steps, slow down on the key interaction
  6. Export with optimized compression for social media

Guidelines

  • Use a clean desktop — hide dock/taskbar icons you don't need
  • Increase cursor size — makes zooms look cleaner
  • Move deliberately — slow, purposeful mouse movements record better
  • Use gradient backgrounds — they look professional with minimal effort
  • Record at 60fps — smoother playback, especially with zoom effects
  • Export twice — once for web (compressed, 1080p) and once for presentations (higher quality)
  • Beta software — expect occasional bugs; no webcam overlay yet
  • No CLI currently — GUI-only application