Communityコーディング&開発github.com

caua68/codex-viz

📊 Codex CLIのセッションをCodex Vizで探索。ローカルファーストのダッシュボードで、トレンド、トークン使用量、ツールインサイトを履歴から明らかにします。

codex-viz とは?

Codex Vizは、Codex CLIのセッション履歴を可視化するローカルファーストのダッシュボードです。このスキルは、開発者が自身のCodex CLIの使用パターン(トレンド、トークン使用量、ツールの利用状況)を直感的に理解できるようにします。データはローカルに保存されるため、プライバシーを保ちつつ、過去のセッションから洞察を得ることができます。Codex CLIのユーザーであれば誰でも簡単にセットアップでき、グラフや表を通じて履歴を分析できます。このツールは、コード補完やタスク実行の効率を改善するための重要なフィードバックを提供し、AIアシスタントの利用最適化に役立ちます。

対応~Claude Code✓Codex CLI~Cursor
npx skills add caua68/codex-viz

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

codex-viz は何をしますか?

📊 Codex CLIのセッションをCodex Vizで探索。ローカルファーストのダッシュボードで、トレンド、トークン使用量、ツールインサイトを履歴から明らかにします。

概要

Codex CLIのセッション履歴を可視化し、使用パターンや効率性を分析するためのツールです。

主な機能

  • トレンド分析: セッションの時間経過による変化をグラフで表示
  • トークン使用量: モデルごとのトークン消費量を追跡
  • ツールインサイト: 使用されたツールの頻度と効果を分析
  • ローカルファースト: すべてのデータはローカルに保存され、プライバシーを保護

セットアップ

  1. リポジトリをクローン:

    git clone https://github.com/caua68/codex-viz.git
    cd codex-viz
    
  2. 依存関係をインストール:

    npm install
    
  3. アプリケーションを起動:

    npm run dev
    

使用方法

  1. ダッシュボードを開く(デフォルト: http://localhost:3000)
  2. Codex CLIの履歴ファイルをアップロードまたは指定
  3. グラフや表でデータを探索
  4. 必要に応じてフィルタや並べ替えを適用

技術スタック

  • フロントエンド: React + TypeScript
  • データ可視化: D3.js または Chart.js
  • ストレージ: ローカルファイルシステム (IndexedDB)
  • バックエンド: Node.js (Express)

注意事項

  • このツールはCodex CLIの履歴に依存します。履歴がない場合はデータが表示されません。
  • 大量の履歴を処理する場合、初回の読み込みに時間がかかることがあります。

ライセンス

MIT License

関連スキル