Agent CLI Dashboard

（旧名: claude-config-viewer からリネーム）

現在の Claude Code と Kiro CLI のローカルセットアップ（Skills・Plugins・MCP連携・ 設定/Hooks/権限・利用状況/コスト）をブラウザで一目で把握できるローカルダッシュボードです。 依存ライブラリなし・Node.js 標準モジュールのみで動きます。

起動

cd ~/claude-config-viewer
node server.js

起動すると自動でブラウザが開きます（macOS）。開かない場合は以下にアクセス:

http://127.0.0.1:4317

終了は Ctrl+C。

ポート変更

PORT=8080 node server.js

ブラウザ自動起動を無効化

NO_OPEN=1 node server.js

表示内容

上部の切り替えボタンで「Claude」「Kiro」の2つのアプリを切り替えられます。各タブの検索 ボックスで絞り込み、「再読み込み」ボタンで最新の設定を再取得できます（設定ファイルは 毎回リアルタイムに読み込むため、変更後はこのボタンで反映されます）。

Claude Code

タブ	内容
Skills / Plugins	組み込み/ユーザー/プラグイン/カタログ（未導入）のSkill一覧、各Skillの呼び出し方法、委任先エンジンの仕様（enginesDoc）のインライン表示。インストール済みプラグイン（有効/無効・マーケットプレイス・版・スラッシュコマンド）
MCP連携	ローカルMCPサーバの一覧、claude.aiコネクタの接続状態（接続済み / 要認証）
設定・Hooks・権限	テーマ・Effort レベル等の一般設定、Hooks、権限ルール、導入済みマーケットプレイス、~/.claude/CLAUDE.md（ユーザーレベル）のインラインビューア
利用状況・アカウント	アカウント情報、プロジェクト一覧・直近コスト、直近使用モデル（セッションログの実績ベースで検出、無ければ .claude.json の記録にフォールバック）、プロンプトキャッシュのヒット率・入出力トークン内訳・概算コスト（直近セッションログ集計）、今日の利用状況（チャット入力回数・トークン使用量）

Kiro CLI

タブ	内容
Agents	組み込みagent（kiro_default / kiro_help / kiro_planner）とユーザー定義agent（~/.kiro/agents/*.json）。agentは「ツール権限・プロンプト・MCP構成のプロファイル」で --agent 名前 で指定して使う
MCP連携	~/.kiro/settings/mcp.json に設定されたMCPサーバ一覧（コマンド・引数・env・無効化・自動承認設定。env値はマスク）
利用状況	直近セッションのトークン数・クレジット消費、agent別利用回数、最近のセッション一覧（~/.kiro/sessions/cli/*.json から集計）、今日の利用状況

データソース（すべて読み取り専用）

Claude Code

• ~/.claude/settings.json / settings.local.json / remote-settings.json
• ~/.claude/CLAUDE.md
• ~/.claude.json
• ~/.claude/plugins/installed_plugins.json / known_marketplaces.json
• ~/.claude/mcp-needs-auth-cache.json
• ~/.claude/plugins/marketplaces/**/SKILL.md、~/.claude/skills/**/SKILL.md
• ~/.claude/projects/**/*.jsonl（セッションログ。直近使用モデルの検出、プロンプトキャッシュ集計、今日の利用状況の算出に使用）

Kiro CLI

• ~/.kiro/agents/**
• ~/.kiro/settings/mcp.json
• ~/.kiro/skills/**
• ~/.kiro/sessions/cli/*.json

セキュリティ

• 設定ファイルを変更することはありません（読み取り専用）。
• サーバは 127.0.0.1（localhost）のみにバインドし、外部からはアクセスできません。
• API キー・トークン・パスワード等の機密値は マスク（ab****yz）して表示します。 OAuth のトークンやアカウント UUID は API レスポンスに含めません。

ライセンス

MIT License