PageSpy SDKと連携し、リモートデバイス上のページのコンソール出力やデータを確認できる、セルフホスト対応のリモートデバッグ用Webクライアント。
2234839/silkpulse
モバイルH5やアプリ内WebView、本番サイトなど、リモート端末上のWebページをAIエージェントが調査・操作できる、AIネイティブなリモートデバッガーです。
代替できる製品:vConsole
- スター
- 230
- フォーク
- 16
- 未解決の Issue
- 0
- 最終コミット
- 6 日前
これは何?
silkpulseは、モバイルブラウザーや埋め込みWebViewなど、開発者が直接アクセスしにくい端末上で動作するフロントエンドページ向けのリモートデバッグツールです。ページにscriptタグを追加すると、console出力、ネットワークリクエスト、エラースタックがWebコンソールに送信され、開発者がリアルタイムで確認したり、AIエージェントに渡したりできます。
ログだけでなく、公式のVue DevToolsとReact DevToolsのパネルを組み込んでいるため、本番ビルドでもコンポーネントツリー、state、hooks、propsを調査できます。sourcemapを使って、エラースタックを元のソースコード上の位置に対応付けます。複数の端末を同時に接続でき、それぞれにタグを付けられるほか、履歴を失わずに再接続できます。
HTTPインターフェースと同梱のskillを使うと、AIエージェントはスナップショット、ログ、ネットワークボディを読み取り、リモートページ上でJavaScriptを実行したり、クリック、フォーム入力、スクロールを行って修正を検証したりできます。MITライセンスで、Node 22+とpnpmで動作し、セルフホスト用のDockerイメージも提供されています。
主な機能
- 01リモートページのconsoleログ、ネットワークリクエスト、エラースタックをWebコンソールに送信します。
- 02公式のVue DevToolsとReact DevToolsのパネルを組み込み、本番ビルドでも利用できます。
- 03sourcemapを使って、エラーをソースコード上の位置に対応付けます。
- 04AIエージェントがスナップショットやログを読み取り、リモートページ上でJavaScriptを実行できます。
- 05複数の端末を同時に接続でき、タグ付けと自動再接続に対応しています。
ユースケース
- ユーザーにスクリーンショットを依頼せずに、ユーザーのスマートフォン上にあるH5ページやアプリ内WebViewをデバッグする。
- AIエージェントに本番環境のフロントエンドの問題を診断させ、実際のページ上で修正を検証する。
- デプロイ済みの本番サイトで、VueまたはReactのコンポーネントのstateを調査する。
クイックスタート
- 1
依存関係をインストール(Node 22+ と pnpm 11+ が必要)
pnpm install - 2
すべてのパッケージをビルド
pnpm build - 3
サーバーを起動(デフォルトのポートは8080)
pnpm start
使う前に知っておきたいこと
- ソースから実行するには Node 22+ と pnpm 11+ が必要です。
- サーバーのセルフホスティングにはセットアップが必要です。無料のオンラインプレイグラウンドでは、誰でも閲覧できる公開データを共有します。
- Docker イメージは amd64 のみを対象にビルドされています。
収録されている特集
トピック
よくある質問
- silkpulse とは?
- モバイルH5やアプリ内WebView、本番サイトなど、リモート端末上のWebページをAIエージェントが調査・操作できる、AIネイティブなリモートデバッガーです。 silkpulseは、モバイルブラウザーや埋め込みWebViewなど、開発者が直接アクセスしにくい端末上で動作するフロントエンドページ向けのリモートデバッグツールです。ページにscriptタグを追加すると、console出力、ネットワークリクエスト、エラースタックがWebコンソールに送信され、開発者がリアルタイムで確認したり、AIエージェントに渡したりできます。
- silkpulse は無料で使えますか?ライセンスは?
- silkpulse は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- silkpulse は今もメンテナンスされていますか?
- 活発にメンテナンス中。silkpulse の最終コミットは 2026年11月1日 です。
- silkpulse は何に使えますか?
- ユーザーにスクリーンショットを依頼せずに、ユーザーのスマートフォン上にあるH5ページやアプリ内WebViewをデバッグする。 AIエージェントに本番環境のフロントエンドの問題を診断させ、実際のページ上で修正を検証する。 デプロイ済みの本番サイトで、VueまたはReactのコンポーネントのstateを調査する。
- silkpulse のインストール方法は?
- 依存関係をインストール(Node 22+ と pnpm 11+ が必要): pnpm install すべてのパッケージをビルド: pnpm build サーバーを起動(デフォルトのポートは8080): pnpm start
- silkpulse はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/2234839/silkpulse
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
React と React Native アプリの状態、ネットワークリクエスト、ログ、エラーを確認できるデスクトップデバッガー。
主にLaravelアプリ向けのPHP開発ツール。リクエストデータ、クエリ、ログ、タイムラインなどをブラウザで確認できます。
Python関数の各ソース行にかかる時間を表示する、行単位のプロファイラー。
ブラウザー内のWebSocket通信を監視・シミュレート・ブロックできる、ChromeおよびEdge向けDevTools拡張機能。
Chrome DevToolsを使って、コーディングエージェントが実行中のChromeブラウザーを操作・調査し、デバッグやパフォーマンス分析を行えるMCPサーバー。