web-proofreading-editor

ブラウザ上でファイルをレビューし、Claude Code を使って指摘箇所を自動修正するWebツールです。
小説の案出しや校閲に利用することを目的としています。

主な機能

• 差分ビューア — ブランチ間やワーキングツリーの差分をファイルツリー付きで表示
• コメントによるレビュー — 差分の各セクションにコメント（修正指示）を追加
• 自動修正 — コメントをClaude Codeに送信し、コードを自動修正（並列実行対応）
• リアルタイム進捗 — SSEによる実行ステータスのライブ更新
• 履歴管理 — 最近開いたリポジトリと差分設定を記録

Warning

セキュリティに関する重要な注意事項

このツールはLAN内の全端末からアクセス可能な状態で起動します。
また、サーバープロセスの権限で任意のファイルを読み取ることができます。
信頼できないネットワーク上での実行は避けてください。
claude code にdangerously-skip-permissions を渡す点も注意してください。

前提条件

• Bun (v1.0+) または Node.js (v20+)
• Claude Code CLI がインストール済みで claude コマンドが使える状態

セットアップ

# 依存パッケージをインストール
bun install

# 開発サーバーを起動
bun run dev

ブラウザで http://localhost:5173 を開きます。

本番ビルド

bun run build
bun run start

使い方

1. 画面上部にレビュー対象のパスを入力
2. ベースブランチとターゲットブランチを指定（省略時はワーキングツリーの差分）
3. 差分が表示されたら、修正したいセクションの「＋」ボタンからコメントを追加
4. コメントに修正指示を記入し、「実行」ボタンでClaude Codeによる自動修正を開始
5. 実行結果はリアルタイムでパネルに反映

設定（⚙ボタン）

• 共通指示 — すべてのコメント実行時にClaude Codeに渡すシステムプロンプト
• 共通コンテキスト — プロジェクト固有の背景情報
• 並列数 — 同時に実行するコメントの最大数（デフォルト: 3）

技術スタック

• SvelteKit + Svelte 5
• Tailwind CSS v4
• simple-git — Git操作
• diff2html / parse-diff — 差分解析

ライセンス

MIT