Repolode
kitlangton

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. 1

    Homebrew caskをインストール(Apple silicon搭載Mac、macOS 15以降)

    brew install --cask kitlangton/tap/scrawl
  2. 2

    ⌥⇧Sを押して録音を開始し、もう一度押すと終了します

  3. 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 の数値は毎日更新されます。

関連プロジェクト