reticlehq/reticle

AI agents can generate code, but still struggle to understand what they build. Reticle brings Jev-style machine-native runtime perception to web & desktop applications.

解決する課題

コーディングエージェントは、自分が書いたコードに基づいて変更が機能していると想定しがちですが、実際に動作しているアプリケーションを検証することはほとんどありません。これが「サイレント障害」(壊れたモーダル、500エラー、UIのバグなど)を引き起こし、手動QAの段階で人間の開発者によって初めて発見されることになります。Reticleは、実際のアプリを操作してその内部状態を観察することで、エージェントが楽観的な想定から具体的な検証へと移行する手段を提供します。

仕組み

Reticleは、アプリケーションにインストールされる開発用SDK(React, Next.js, Vue, Svelte, Angularなどのフレームワークをサポート)と、実行中のアプリとコーディングエージェントを接続するブリッジを使用します。

表面(DOM)のみを監視する従来のテストツールとは異なり、Reticleはアプリを内部から読み取ります。エージェントは、ネットワークレスポンス、アプリケーション状態(Zustand, Redux, Piniaなど)、コンソールエラー、およびUI要素に関連付けられた特定のソースコード行を観察できます。エージェントがアクションを実行すると、Reticleは単なるスクリーンショットではなく、ネットワークステータスコードや状態変化などの証拠に裏打ちされた yes、no、または unknown という判定を返します。

対象ユーザー

AIコーディングエージェント(Claude Code, Cursor, Windsurf, VS Codeなど)を使用しており、Webまたはデスクトップ(Electron, Tauri)アプリケーションにおけるエージェントの作業結果の検証を自動化したい開発者。

主な特徴

  • 内部可視性: 画面上では隠されているネットワークリクエスト、状態ストア、コンソールログを可視化します。
  • エージェントネイティブ: MCP (Model Context Protocol) を介して統合され、エージェントが観察、行動、アサーションを行うためのツールを提供します。
  • 決定論的リプレイ: 成功したジャーニーを「フロー」として保存し、AIモデルなしで再チェック可能です。
  • CI統合: reticle gate コマンドが含まれており、以前に保存されたフローを壊す変更を失敗させることができます。
  • 本番環境の安全性: SDKは本番ビルドから除外され、ローカルループバックアドレスでのみリッスンします。

関連

  • プロジェクト
  • プロジェクト
  • プロジェクト
  • プロジェクト
  • プロジェクト