トレースベースのデモレンダリング
Playwrightのトレースファイルを、ナレーション付きで共有可能なデモギャラリーに変換します。標準ワークフローでは、AIを使わずに記録されたクリックとアサーションからキャプションを生成します。
共有可能なデモを生成するブラウザテスト
Specreelは、プロダクトデモをアプリケーションと常に一致させたいチーム向けの、ブラウザフローのテストおよびデモ公開ツールです。エンドツーエンドテストと録画デモを同じ成果物として扱い、再生、検証、共有が可能なブラウザフローにします。
オープンソースCLIはローカルまたはCIで実行でき、Playwrightのトレースをナレーション付きギャラリーにレンダリングします。一方、Specreel Cloudはデプロイ済みURLから開始し、候補となるフローを検出してホステッドブラウザで実行し、スケジュール設定されたチェックと停止アラートを備えたホステッドギャラリーを提供します。どちらのワークフローでも、変更または失敗したフローを検知することで、古いデモが共有される前に知らせることができます。
機能
CIでの最新性チェック
GitHub Actionにより、ビルドが成功するたびにギャラリーを同じURLへ再公開できます。公開済みデモを最新の成功ビルドに合わせて維持できます。
変更と失敗のシグナル
変更されたものの成功しているフローには、アンバー色の「更新済み」バッジを付けます。一方、壊れたフローがある場合はビルドを失敗させ、誤ったデモを公開しません。
フローの検出とスキャフォールディング
recommendコマンドは稼働中のアプリをクロールし、紹介する価値のあるフローを順位付けして、実行可能なPlaywrightスクリプトをスキャフォールドします。ホステッドスキャナーでは、デプロイ済みURLから編集可能なシナリオを作成できます。
ポータブルなデモとエクスポート
ローカルツールでは、自己完結型のgallery.htmlを作成し、ギャラリーをURLで公開し、iframeで埋め込み、実際のスクリーンショット、キャプション、音声ナレーションを含むMP4を書き出せます。
ホステッド自動化インターフェース
Specreel Cloudは、MCPサーバーとJSON APIを提供します。互換性のあるAIツールやAPIクライアントから、プロジェクトの作成、サインインの設定、シナリオの追加、チェックの実行、ギャラリー結果の取得を行えます。
ユースケース
リリースデモを最新に保つ
既存のPlaywrightスイートでトレースを有効にし、ビルドが成功した後に生成されたギャラリーを公開します。デモは個別に録画するアセットではなく、回帰テストのカバレッジを可視化する付属物になります。
既存のテストスイートなしでデモを作成する
Specreelにステージングまたは本番環境のURLを指定して、フォーム、検索、ナビゲーションのフローを見つけます。生成されたシナリオを平易な英語で編集し、ホステッドブラウザで実行できます。
プロダクトの操作デモを配布する
ローカルバンドル、URL、またはiframeを使って、ドキュメント、営業資料、社内レビューでプロダクトの操作デモを共有します。MP4エクスポートは、動画ファイルが必要な場面に対応します。
デモとチェックの作成を自動化する
ホステッドMCPサーバーまたはJSON APIをAIコーディングツールや自動化クライアントに接続すると、アプリのスキャン、アクセス設定、シナリオの実行、ギャラリーURLと失敗したフローの結果の返却を自動化できます。
Pros and Cons
Pros
- 個別にデモとテストを管理するのではなく、録画したブラウザフローとエンドツーエンドチェックを連携できます。
- ローカルのオープンソースCLIと、デプロイ済みアプリケーション向けのホステッドワークフローの両方をサポートします。
- ホステッドギャラリー、バンドルHTML、iframe埋め込み、MP4エクスポートなど、複数の配布形式を提供します。
- チームにPlaywrightスイートがまだない場合でも、フローを検出してスキャフォールドできます。
- 変更されたものの成功しているフローと、壊れたフローを分けて表示できるため、UIの更新と失敗を区別しやすくなります。
Cons
- ローカルワークフローでは、PlaywrightのトレースとChromiumのインストールが必要です。
- 認証が必要なホステッドフローでは、適切なテストアカウント、セッション、またはテストログインルートが必要です。セッションは期限切れになることがあり、その場合は更新が必要です。
- ホステッド版の料金ページはドキュメントに記載された/pricing URLで利用できなかったため、プランの詳細はCloud製品内で確認する必要があります。
FAQ
Specreelは既存のPlaywrightテストスイートと連携できますか？
Specreelは既存のPlaywrightワークフローを利用できます。テスト実行でtrace.zipファイルが生成されるようトレースを有効にし、test-resultsディレクトリに対してレンダラーを実行します。テストがない場合は、CLIでURLからフローをスキャフォールドすることもできます。
オープンソースCLIはどのようにセットアップしますか？
ローカルワークフローでは、specreelとPlaywrightのパッケージをインストールし、Chromiumをインストールして、フローを生成または実行した後、生成されたトレースをレンダリングします。自己完結型のHTMLファイルとして、ギャラリーをバンドルすることもできます。
Specreelは認証が必要なアプリケーションをテストできますか？
はい。ホステッドワークフローではデプロイ済みアプリのURLを受け取り、フォーム、検索、ナビゲーションなどのフローをスキャンして、編集可能なシナリオを作成します。認証は、専用のテストアカウント、保存済みセッション、またはテストログインURLで設定できます。サインインなしで公開ページを使用することもできます。
Specreelは何を生成しますか？
ローカルワークフローでは、ギャラリー、単一ファイルのHTMLバンドル、音声ナレーション付きのMP4を作成できます。ホステッド実行では共有可能なギャラリーURLが提供され、ローカルギャラリーはURLで公開したり、iframeで埋め込んだりできます。
CLIとSpecreel Cloudの違いは何ですか？
オープンソースCLIはユーザーのマシンまたはCIで実行します。Specreel Cloudはホステッドサービス上でブラウザワークフローを実行し、チェックのスケジュール設定、停止アラートの送信、ホステッドギャラリーの提供ができます。利用できるホステッド機能は選択したプランによって異なります。
Quick Facts
- カテゴリー
- 開発者向けツール、ブラウザテストおよびデモ公開
- ローカルエンジン
- PlaywrightとChromiumを使用するオープンソースのPython CLI
- ホステッドエンジン
- app.specreel.devのSpecreel Cloud
- 主な入力
- デプロイ済みアプリのURLまたはPlaywrightのtrace.zipファイル
- ローカル出力
- ナレーション付きギャラリー、自己完結型HTMLバンドル、MP4エクスポート
- 配布
- CIで公開したURL、iframe埋め込み、またはホステッドギャラリーのリンク
Specreelの代替品
ByteAsk
ByteAskは、C/C++向けのターミナル起点AIコーディングエージェント。リポジトリを編集し、コンパイラやデバッガ、サニタイザ、テストで変更を検証してから差分を表示。無料枠あり。
Manta AI
Manta AIは、URLからアプリの挙動を把握し、回帰を検出し、スクリプトやセレクタ管理なしでテストを生成できる自律型Webアプリテストツールです。
Epherem
Epheremは、Lovable、Bolt、v0、Replit、Cursor、Claude CodeなどのAIコーディングツールで構築したWebアプリ向け静的セキュリティスキャナーです。アプリを実行せず、ソースファイルと依存関係を検査し、一般的なセキュリティミスを分類して修正案を提示します。
CreateOS Sandbox
CreateOS Sandboxは、FirecrackerマイクロVM上でコードやエージェントのワークロードを実行できる分離型コンピュート環境です。SDK、CLI、MCPで制御可能。
GitBot
GitBotは、Claude Code、Codex、OpenCodeを活用した再利用可能なコーディングボットを作成できるローカルブラウザワークスペースです。永続スレッドと権限設定で、リポジトリ内の作業を効率化します。
hob
hobは、エージェントのセッション、ターミナル、履歴、後続作業を、既存のツールやプロバイダーに合わせて整理できる独立したコーディングエージェント向けワークスペース。ローカルでの制御を重視する開発者に最適。