report-web-dashboard-skill は何をしますか?
エージェントスキル:技術レポートを自己完結型のインタラクティブダッシュボードに変換し、さらにそれらをすべて1つのポートでホストするグローバルHTTPデーモン(WebUI)を提供します。
概要
このスキルは、静的な技術レポート(例:Pythonの分析結果やMarkdown文書)を、ブラウザ上で動作するインタラクティブなダッシュボードに変換します。生成された各ダッシュボードは自己完結型で、依存関係は最小限に抑えられています。また、webuiコマンドにより、すべてのダッシュボードを1つのHTTPサーバーでホストできるため、複数のレポートを簡単に管理・共有できます。
主な機能
- レポートの変換: 技術レポート(PythonスクリプトやMarkdown + Plotlyなど)をインタラクティブダッシュボードに変換
- 自己完結型: 各ダッシュボードは独立して実行可能(例:単一のHTMLファイルとして出力)
- グローバルホスティング:
webuiデーモンにより、すべてのダッシュボードを1つのポートで統一的にホスト - エージェント統合: 任意のAIエージェント(Claude Code、Cursor、Codexなど)から使用可能
使い方
前提条件
- Python 3.8以上
- 必要なパッケージ:
flask,plotly,pandas(レポートの種類に依存)
インストール
git clone https://github.com/Realtyxxx/report-web-dashboard-skill.git
cd report-web-dashboard-skill
pip install -r requirements.txt
レポートの変換
エージェントに対して、以下のような自然言語指示を与えます:
「このPython分析スクリプトをインタラクティブダッシュボードに変換して」
または、レポートファイルを指定:
python convert.py --input report.md --output dashboard.html
WebUIの起動
すべてのダッシュボードをホストするには:
python webui.py --port 8080
これにより、http://localhost:8080 でダッシュボード一覧が表示され、各ダッシュボードにアクセスできます。
対応プラットフォーム
- Claude Code
- Cursor
- Codex
- その他、任意のターミナルベースのAIエージェント
設定
環境変数:
DASHBOARD_DIR: ダッシュボードの保存ディレクトリ(デフォルト:./dashboards)WEBUI_PORT: WebUIのポート番号(デフォルト:8080)
サンプル
詳細なサンプルは、examples/ ディレクトリを参照してください。
ライセンス
MIT