iPhoneの画面収録をデバイスフレームに収め、ズームやタップのアニメーションを加えて共有用動画を書き出せる、ネイティブmacOSアプリです。
kitlangton/scrawl
画面・音声・画面上の書き込みを記録し、コーディングエージェント向けに注釈付きフレームと文字起こしをまとめたコンパクトなバンドルを作成するmacOSアプリ。
代替できる製品:Loom
- スター
- 888
- フォーク
- 89
- 未解決の Issue
- 36
- 最終コミット
- 7 日前
これは何?
Scrawlを使えば、問題を言葉で説明する代わりに、実際に見せてコーディングエージェントに伝えられます。ショートカットキーで録画を開始し、話したり、クリックしたり、画面に描き込んだりして、もう一度ショートカットキーを押せば停止します。キャプチャは、注釈付きキーフレームのコンタクトシート、フル解像度のフレーム、操作タイムラインと同期した文字起こし、構造化されたJSONマニフェストを含むバンドルにまとめられます。
RustとGPUIで開発されており、macOS 15以降を搭載したApple silicon Macを対象としています。プレビュー版のWindowsビルドも利用できます。Claude Code、OpenCode、Codexなどのエージェント向けスキルに加え、特定の場面の拡大、フレーム範囲の抽出、キャプチャのOpenCodeセッションへの送信、インクと自動ズームを使った共有用MP4動画の書き出しに対応するCLIも備えています。
さらに、iOSアプリが画面、タッチ操作、ナレーションを記録し、その結果をMacまたはHTTPSエンドポイントに送信できるSwiftパッケージ、ScrawlKitも提供しています。
主な機能
- 01画面、ナレーション、画面上の書き込み、ピン、クリックを1つのキャプチャに記録します。
- 02注釈付きキーフレームのコンタクトシートとフル解像度のフレームを生成します。
- 03summary.mdに、時間と同期した文字起こしと操作タイムラインを生成します。
- 04CLIから、エージェントがバンドル内の特定の場面を拡大したり、フレーム範囲を抽出したりできます。
- 05キャプチャをOpenCodeセッションまたはクリップボードに送信します。
- 06注釈を映像に焼き込み、自動ズームも指定できる共有用MP4動画を書き出します。
ユースケース
- 画面を録画して問題箇所を指し示し、UIのバグやレイアウトの問題をコーディングエージェントに見せる。
- ナレーション付きで視覚的な問題を記録し、チームメイトやAIアシスタントに伝える。
- 有線接続したiPhoneやiOSアプリの挙動をキャプチャし、エージェントと一緒に確認する。
- 画面録画から、注釈付きの共有用ウォークスルー動画を作成する。
クイックスタート
- 1
Homebrew caskをインストール(Apple silicon搭載Mac、macOS 15以降)
brew install --cask kitlangton/tap/scrawl - 2
⌥⇧Sを押して録音を開始し、もう一度押すと終了します
- 3
Claude Code、OpenCode、Codexなどのエージェント向けスキルをインストール
bunx skills add kitlangton/scrawl
使う前に知っておきたいこと
- Apple silicon搭載のMacとmacOS 15以降が必要です。ライブ文字起こしとLiquid GlassにはmacOS 26が必要です。
- Windows版はプレビュー版で、まだ署名されておらず、自動更新にも対応していません。
収録されている特集
トピック
よくある質問
- scrawl とは?
- 画面・音声・画面上の書き込みを記録し、コーディングエージェント向けに注釈付きフレームと文字起こしをまとめたコンパクトなバンドルを作成するmacOSアプリ。 Scrawlを使えば、問題を言葉で説明する代わりに、実際に見せてコーディングエージェントに伝えられます。ショートカットキーで録画を開始し、話したり、クリックしたり、画面に描き込んだりして、もう一度ショートカットキーを押せば停止します。キャプチャは、注釈付きキーフレームのコンタクトシート、フル解像度のフレーム、操作タイムラインと同期した文字起こし、構造化されたJSONマニフェストを含むバンドルにまとめられます。
- scrawl は無料で使えますか?ライセンスは?
- scrawl は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- scrawl は今もメンテナンスされていますか?
- 活発にメンテナンス中。scrawl の最終コミットは 2026年11月1日 です。
- scrawl は何に使えますか?
- 画面を録画して問題箇所を指し示し、UIのバグやレイアウトの問題をコーディングエージェントに見せる。 ナレーション付きで視覚的な問題を記録し、チームメイトやAIアシスタントに伝える。 有線接続したiPhoneやiOSアプリの挙動をキャプチャし、エージェントと一緒に確認する。 画面録画から、注釈付きの共有用ウォークスルー動画を作成する。
- scrawl のインストール方法は?
- Homebrew caskをインストール(Apple silicon搭載Mac、macOS 15以降): brew install --cask kitlangton/tap/scrawl ⌥⇧Sを押して録音を開始し、もう一度押すと終了します Claude Code、OpenCode、Codexなどのエージェント向けスキルをインストール: bunx skills add kitlangton/scrawl
- scrawl はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/kitlangton/scrawl
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
libghosttyをベースにしたmacOSネイティブのターミナル。縦型タブ、エージェント対応の通知、AIコーディングエージェントを並行実行するためのスクリプト可能なCLIを備えています。
Claude CodeやCodexなどのAIコーディングエージェントが作業中の間だけ、Macのスリープを防ぐmacOSメニューバーアプリ。
複数のコーディングエージェントをそれぞれ独立したgit worktreeで並行実行し、差分、エディター、ターミナル、PR操作を1つのウィンドウにまとめるローカルファーストのデスクトップ作業環境。
コーディングエージェントを名前付きのチームメイトとして継続的に使い、共有会話やタスク委任、共同メモリを活用できるデスクトップ・Webワークスペース。
Claude Code、Cursor、OpenCode、CodexなどのAIコーディングエージェントに、永続メモリ、共通ワークフロー、スキル、MCPサーバーを設定します。