シグナルクローラー Chrome拡張プロンプト

Manifest V3を使用したSignal CrawlerというChrome拡張機能を構築してください。 この拡張機能は、公開ウェブページ内のビジネス上の課題を見つけるのに役立つものでなければなりません。他のサイトを黙ってクロールするのではなく、開いているページ上で動作する必要があります。 コア体験 拡張機能のアイコンをクリックすると、小さなアニメーション付きクローラーがページ上に現れます。それは読み取り可能なテキストブロック間を移動し、それらを視覚的にスキャンして、有用な箇所をハイライトします。フローティングパネルには、見つけた内容がリアルタイムで表示されます。 アイコンをもう一度クリックすると、クローラー、パネル、ハイライト、およびページへのすべての変更が削除されます。 分析対象 次の3種類のソースをサポートしてください。 1. 求人投稿: 手作業で反復的的な業務、遅いワークフロー、自動化できるタスクを探します。 2. 顧客レビュー: 繰り返される不満、回避策、不足している機能、顧客の時間やコストを奪う問題を探します。 3. 製品ページおよび企業ページ: そのビジネスが何を販売し、誰にサービスを提供しているか、提案された修正が既存のワークフローにどう適合するかを探します。 ナビゲーション、広告、Cookieバナー、フォーム、コードブロック、非表示テキストは無視してください。スクロール中にさらにコンテンツを読み込むページにも対応してください。 クローラー ページの上にある透明なキャンバスにクローラーを描画し、クリックやテキスト選択を妨げないようにしてください。コンパクトな胴体、8本の関節のある脚、目に見える歩行モーションを持たせてください。 関連するテキストブロックから別のテキストブロックへ自動的に移動する必要があります。有用な箇所を見つけたら、短時間停止し、その近くに脚を置き、その箇所をハイライトし、その箇所からフローティングパネルへ小さなアニメーション付きシグナルを送ってください。 抑制の効いた視覚スタイルを使用してください。発見事項には温かい黄色、胴体には白、暗い輪郭、そして控えめな輝きです。動きは素早く生き生きと感じられる一方で、テキストは読みやすいままでなければなりません。 シグナルボード 各発見事項について、次を表示してください。 - 正確な引用 - ページタイトルとURL - シグナルの種類 - それが示唆する問題 - 類似シグナルがいくつ見つかったか 関連する発見事項をクラスターにグループ化してください。1つの孤立した文を証明済みの市場として扱わないでください。繰り返される証拠を、単発の言及よりも視覚的により目立たせてください。 ASTRA分析 任意のGPT Astra分析ステップを追加してください。ユーザーは拡張機能の設定で自分のAPIキーとモデル名を入力します。キーはローカルに保存し、APIリクエストはページからではなく、常にバックグラウンドサービスワーカーから行ってください。 各クラスターについて、Astraに次を生成させてください。 - 問題の平易な英語での説明 - 誰がそれを経験するか - なぜそれが重要かを示す証拠 - 考えられる最小の修正 - 短い提案ドラフト - 人間による検証がまだ必要なもの Astraは引用、企業、価格、顧客数を捏造してはなりません。パネル内のすべての結論は、その元の箇所へリンクして戻れるようにしてください。 パネル操作 一時停止、再開、分析、発見事項をコピー、JSONをエクスポート、クリア、閉じるを含めてください。 パネルには、スキャン進捗、確認済み箇所数、収集済み発見事項、形成済みクラスターを表示してください。任意の発見事項を開き、ページ上の元の位置へジャンプできるようにしてください。 品質要件 拡張機能は、スクロール、リンク、ページレイアウト、テキスト選択を壊してはなりません。メッセージを送信したり、企業に連絡したり、何かを自動的に公開したりしてはなりません。 閉じる際には、すべてのcanvas要素、ハイライト、リスナー、オブザーバー、タイマーを削除してください。視差効果を減らす設定をサポートしてください。API障害が発生した場合は、収集済みの証拠を表示したままにしてください。 プレーンなJavaScript、HTML、CSSを使用してください。動作するManifest V3拡張機能に必要なすべてのファイルを提供し、その後、明確なインストール手順とテスト手順を示してください。