flowai-team-dashboard について
FlowAI風のチーム管理用シングルページダッシュボードを作るデザインスキルです。メンバー、チーム情報、アクティビティをまとめる管理画面を対象としています。
主な機能
- 01メンバー、詳細、アクティビティのタブ
- 02KPI統計とメンバーテーブル
- 03ロール分布チャート
- 04オンライン状況とアクティビティのスパークライン
- 05貢献者パネルとCSVエクスポート
- 06テーマ切り替えとパネル拡大
活用シーン
- 01チームメンバー管理画面の作成
- 02ロール分布とオンライン状況の確認
- 03ダッシュボードデータのCSV出力
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/flowai-team-dashboardを入力して読み込まれたか確認します。
同梱ファイルexample.html
詳細
【テンプレート：FlowAI チーム管理ダッシュボード】 【意図】FlowAI の美学を取り入れたチーム管理用の管理者向け単一ページです。 【レイアウト】
- タブ：チームメンバー／チーム詳細／アクティビティログ
- KPI 統計行
- メンバーテーブル（アバター＋役割＋ステータス）
- 役割分布の棒グラフ
- オンライン状況＋アクティビティのスパークライン
- 貢献度上位メンバーのパネル 【デザインの詳細】
- ライト／ダークの切り替え、ホバー時のツールチップ、クリックしてパネルを拡大
- CSV エクスポートボタン（フロントエンドで実装）
コメント
Markdown 対応