claude-blocker — Claude稼働連動サイトブロッカー

Tool

概要

Claude Blockerは「Claudeが作業(推論)しているときは自分も作業に集中する」という前提で動くローカルツールです。Claude Code(ターミナルで動くClaude)の稼働フックを検出してローカルのBlockerサーバが状態管理を行い、Chrome拡張へWebSocketで通知します。拡張は受け取った状態に応じて指定サイトをブロックまたは許可し、集中を維持します。実装はTypeScriptで、小さなコードベースに必要な機能を収めています。(約300字)

GitHub

リポジトリの統計情報

  • スター数: 6
  • フォーク数: 3
  • ウォッチャー数: 6
  • コミット数: 6
  • ファイル数: 10
  • メインの言語: TypeScript

主な特徴

  • Claude Code の稼働(推論)状態に連動してウェブサイトのアクセスを制御する。
  • ローカルの Blocker サーバと Chrome 拡張が WebSocket でリアルタイム連携するアーキテクチャ。
  • プライバシー重視:通信はローカル(localhost)で完結する設計を想定。
  • 小規模・TypeScript実装で導入が軽い(設定や拡張のカスタマイズが容易)。

技術的なポイント

本プロジェクトは「端末で動くClaude Code」→「ローカルBlockerサーバ」→「Chrome拡張」という三層の構成を取ります。Claude Code側に用意されたhooks(フック)を通じて推論の開始/終了イベントをローカルサーバへ送信し、サーバはその状態を保持してWebSocket経由で接続中の拡張に通知します。拡張は受けた状態に基づきブラックリスト/ホワイトリストの適用やページ遷移のブロックを行います。実装はTypeScriptでまとめられており、ネットワークはlocalhostに限定されるため外部クラウドへの送信が発生しにくくプライバシー面で有利です。PRIVACY.mdやLICENSEが含まれており、オープンソースとしての取り扱いも明示されています。全体的に機能は絞られており、ブラウザブロッキングの実装(拡張側)は軽量に設計されているため、開発やカスタマイズのハードルが低い点が魅力です。(約700字)

プロジェクトの構成

主要なファイルとディレクトリ:

  • .claude: dir
  • .gitignore: file
  • LICENSE: file
  • PRIVACY.md: file
  • README.md: file

…他 5 ファイル

まとめ

Claudeの稼働に連動して自動で誘惑サイトを遮断する、ローカル完結型のシンプルな集中ツール。

リポジトリ情報:

READMEの抜粋:

Claude Blocker

Block distracting websites unless Claude Code is actively running inference.

The premise is simple: if Claude is working, you should be too. When Claude stops, your distractions come back.

How It Works

┌─────────────────┐     hooks      ┌─────────────────┐    websocket    ┌─────────────────┐
│   Claude Code   │ ─────────────► │  Blocker Server │ ◄─────────────► │ Chrome Extension│
│   (terminal)    │                │  (localhost)  ...