skillsdashboard — Claude/Gemini CLI スキル管理ダッシュボード

Tool

概要

skillsdashboard は、Claude Code と Gemini の CLI 用に用意した「スキル」をローカル環境から一括で管理・実行するためのダッシュボードです。ホームディレクトリの標準的なスキル格納場所(例: /.claude/skills/、/.agents/skills/)を自動で走査して検出し、フォルダ構造や名前の共通プレフィックスに基づくツリー表示で整理します。カテゴリフィルターや折りたたみ可能な階層表示により大量のスキル群も扱いやすく、ブラウザ上から該当スキルを選んで実行する操作性を提供します。バックエンドは Node.js(Express)を使った軽量構成で、静的なフロントエンドを public ディレクトリに置くシンプルな設計です。

GitHub

リポジトリの統計情報

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

主な特徴

  • 自動スキャン: ~/.claude/skills/ と ~/.agents/skills/ を検出してスキルを収集
  • ツリー階層表示: ディレクトリ階層や共通プレフィックスでグルーピング(折りたたみ可能)
  • カテゴリフィルター: Research、Writing 等のカテゴリで絞り込み
  • ブラウザから実行: ダッシュボードから対象スキルの起動をサポート(ローカルCLI連携)

技術的なポイント

リポジトリの README とファイル構成から読み取れる技術的な要点を整理します。まずスタックは Node.js(README に Node.js 18+ バッジ)と Express(4.x バッジ)で、サーバー側が静的ファイル配信とローカルファイルシステムの走査を担当する典型的な構成です。public ディレクトリに静的なフロントエンドが置かれており、フロントエンドは API を呼んでスキル一覧を取得し、ツリー表示・フィルタリング・実行トリガーを行う役割を担います。

自動スキャン機能は、指定ディレクトリを再帰的に検索してスキル定義ファイルや実行スクリプトを見つけ、パスやファイル名の共通プレフィックス、フォルダ階層をもとにツリー構造を生成します。ツリーはフロントエンド側で折りたたみや展開ができるように設計されており、カテゴリ情報がメタデータとして付与されていればフィルターでの絞り込みが可能です。

「実行」機能については README の説明に基づくと、ローカルの Claude/Gemini CLI を呼び出してスキルを動かす仕組みがあると想像できます。実装は express 経由でフロントからの実行リクエストを受け、Node の child_process などを用いてローカルコマンドを起動する方式が一般的であり、本プロジェクトも同様のアプローチを取っている可能性が高いです。これによりブラウザ操作だけで CLI ベースのスキルを実行できますが、その分セキュリティや権限管理(誰が何を実行できるか)の扱いが重要になります。

開発状況は初期段階でコミット数が少なく、パッケージ管理ファイル(package.json / package-lock.json)は依存関係を示す程度に留まっているようです。拡張ポイントとしては、認証(ローカルユーザー制御)、実行ログのキャプチャ・表示、スキルメタデータ編集、スキルのバージョン管理やリモート同期、WebSocket を用いた実行中のリアルタイム出力反映などが考えられます。さらに安全面では、実行コマンドのバリデーションやサンドボックス化、最小権限での実行を取り入れると実用性が高まります。

プロジェクトの構成

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

  • .gitignore: file
  • README.md: file
  • package-lock.json: file
  • package.json: file
  • public: dir

…他 1 ファイル

(public 内にはおそらく index.html や静的アセットが含まれ、サーバー側は Express でそれらを配信しつつスキル情報の API を提供するシンプルな構成が想定されます。)

まとめ

ローカルのClaude/Geminiスキルをまとまて管理・実行するための軽量なダッシュボードの原型。拡張性とセキュリティ面が今後の焦点です。

リポジトリ情報:

READMEの抜粋:

Skill Manager

Scan, browse, and run all your Claude Code + Gemini CLI skills from one dashboard.

Node.js Express

Features

  • Auto-scan — Discovers skills from ~/.claude/skills/ and ~/.agents/skills/
  • Tree hierarchy — Groups skills by nested directories and common prefixes (collapsible)
  • Category filters — Research, Writing, De…