live-dashboard について
チームの動向を一覧するNotion風ダッシュボードのテンプレートです。データソースがない場合はシードデータを使い、KPI、7日間の推移、アクティビティ、タスク表を表示します。
主な機能
- 01チーム名と期間のヘッダー
- 02KPIカードのグリッド
- 037日間のスパークライン推移
- 04リアルタイムのアクティビティフィード
- 05データベース連携タスク表
活用シーン
- 01チームの最近の活動をまとめる
- 02KPIと週次推移を確認する
- 03更新を確認してタスク状況を追跡する
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/live-dashboardを入力して読み込まれたか確認します。
同梱ファイルexample.html
詳細
【テンプレート：Live Team Dashboard】 【意図】Notion 風のチーム動向の概要です。データソースがない場合も、seed データで補います。 【レイアウト】
- ヘッダー（チーム＋期間）
- KPI カードのグリッド
- 7 日間のスパークライントレンド
- リアルタイムのアクティビティフィード（アバター＋アクション＋時刻）
- リンクされたデータベースのタスクテーブル（ゼブラ模様＋ステータスピル） 【デザインの詳細】
- Notion のコールアウト／トグル／データベーステーブルの配色スタイル
コメント
Markdown 対応