ThariqS/ai-newtab
Claude generates a daily new tab page based on your browser history.
TL;DR
AI Homepageは、新しいタブページを、実際に閲覧したサイトのAI生成によるパーソナライズされた要約に置き換えるChrome拡張機能です。最近閲覧した最大8ページを読み取り、短い要約とクリーンアップされたHTMLを（ご自身のAnthropic APIキー経由で）Claudeに送信し、モデルが指定したスタイルでReactベースのホームページを生成します。
機能の概要
- ブラウジング履歴の収集 – トップドメイン、訪問回数、およびいくつかのページタイトルのみを収集します。
- 関連ページのバックグラウンド処理 – 最も関連性の高いページ（最大8つ）をバックグラウンドで開き、HTMLを抽出してAnthropic Claudeエージェントに渡します。
- Claudeによる生成 – Claudeがページを読み取り、見出し、リンク、および要求されたその他のコンテンツを抽出して、新しいタブページとなる単一のReactコンポーネントを作成します。
- 常に新鮮なホームページ – 設定パネルで指定したプロンプトに応じて、新聞風、ミニマリストリスト、ダッシュボード、あるいは緑文字のターミナル風など、新しいタブを開くたびに新鮮なホームページが表示されます。
- 自動再構築 – デフォルトで6〜48時間ごと、またはオンデマンドで再構築され、常にAPIキーに関連付けられた新しいエージェントセッションを使用します。
このツールが役立つ人
- パワーユーザー：各サイトを手動で開くことなく、実際に読んだWebコンテンツのパーソナライズされた要約を素早く確認したい方。
- 開発者 / AI愛好家：ブラウザ拡張機能内でClaude Managed Agentsを実行する具体的な例に興味がある方。
- プライバシー重視の方：サードパーティサーバーにデータを保存しない、ローカルで自己完結型のAIツールを好む方（ブラウザから外部へ送信されるデータは、Claudeに送られる最小限の要約のみです）。
仕組み – 主要コンポーネント
| コンポーネント | 役割 |
|---|---|
| Chrome extension (MV3) | UI（新しいタブページ、設定パネル）およびChrome API (history, tabs) と通信するバックグラウンドワーカー。 |
| Agent core (host-agnostic) | Claude Managed Agentsを呼び出すループ。getHistory と getPageHtml という2つのカスタムツールを提供。 |
| Claude Managed Agents | Anthropicのサンドボックス内でLLM (Claude Sonnet/Haiku/Opus) を実行し、スクレイピングされたページをファイルとして受け取り、生成されたReactコンポーネントを返す。 |
| pnpm / WXT | React UIおよび拡張機能パッケージングのためのビルドシステム。 |
| Bun harness | Chrome外でエージェントコアをローカルテストするためのスクリプト。 |
データフロー（READMEの記述通り）：
getHistory→ ドメインのランキングリスト。getPageHtml→ 最大8ページを開き、HTMLをクリーンアップしてファイルとしてマウント。- エージェントがそれらのファイルに対して
grep/readを実行し、コンテンツを抽出。 - エージェントがReactコンポーネントを
writeし、拡張機能がそれをレンダリング。
実行に必要なもの
- ChromeまたはChromiumベースのブラウザ。
- Node 20+ (リポジトリはパッケージ管理にpnpm 10.11.1を使用)。
- Anthropic APIキー（ご自身で用意してください。拡張機能にはキーは含まれていません）。
インストール手順：リポジトリをクローンし、pnpm install && pnpm build を実行した後、生成された apps/extension/.output/chrome-mv3 フォルダをアンパック拡張機能として読み込みます。
制限事項と注意点
- コスト – 再構築のたびにClaude APIの呼び出しコストが発生します。価格はモデルと送信されるページコンテンツの量に依存します。
- プライバシー – 拡張機能は要約と最大8ページのみを送信しますが、それらのページはAnthropicに送信されます。READMEでは、APIキーはローカルストレージにのみ保存され、各セッションはビルド後に削除されることが強調されています。
- 実験的 – このプロジェクトは「初期段階の実験的プロジェクト」であり、そのままChromeウェブストアで公開することを目的としていません。
- サーバーサイドなし – すべてブラウザ内で実行されます。APIキーを紛失したり拡張機能を削除したりすると、再構築できなくなります。
- コンテンツソースの制限 – 検索エンジン、Webメール、銀行サイト、ログイン後のマーケティングページは意図的に除外されています。
クイックスタートチェックリスト
git clone https://github.com/ThariqS/ai-newtab.git && cd ai-newtabpnpm install && pnpm build- Chromeでアンパック拡張機能を読み込む。
- 新しいタブを開き、Anthropic APIキーを貼り付けて Build today's homepage をクリック。
- 設定でプロンプトを調整し、好みのレイアウトを取得する。
ライセンス
MIT – フォーク、修正、および個人的な使用が可能です。
上記のすべての情報はリポジトリのREADMEから直接引用したものであり、外部からの推測は追加されていません。
関連
- プロジェクト
- プロジェクト
- プロジェクト
- プロジェクト