·interactive-dashboard-builder
{}

interactive-dashboard-builder

Chart.js、ドロップダウン フィルター、プロフェッショナルなスタイルを使用して、自己完結型のインタラクティブな HTML ダッシュボードを構築します。ダッシュボードの作成、インタラクティブなレポートの構築、またはサーバーなしで機能するグラフやフィルターを含む共有可能な HTML ファイルの生成を行う場合に使用します。

522インストール·25トレンド·@anthropics

インストール

$npx skills add https://github.com/anthropics/knowledge-work-plugins --skill interactive-dashboard-builder

interactive-dashboard-builder のインストール方法

コマンドラインで interactive-dashboard-builder AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/anthropics/knowledge-work-plugins --skill interactive-dashboard-builder
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: anthropics/knowledge-work-plugins。

Patterns and techniques for building self-contained HTML/JS dashboards with Chart.js, filters, interactivity, and professional styling.

| <1,000 rows | Embed directly in HTML. Full interactivity. | | 1,000 - 10,000 rows | Embed in HTML. May need to pre-aggregate for charts. | | 10,000 - 100,000 rows | Pre-aggregate server-side. Embed only aggregated data. | | >100,000 rows | Not suitable for client-side dashboard. Use a BI tool or paginate. |

Instead of embedding raw data and aggregating in the browser:

Chart.js、ドロップダウン フィルター、プロフェッショナルなスタイルを使用して、自己完結型のインタラクティブな HTML ダッシュボードを構築します。ダッシュボードの作成、インタラクティブなレポートの構築、またはサーバーなしで機能するグラフやフィルターを含む共有可能な HTML ファイルの生成を行う場合に使用します。 ソース: anthropics/knowledge-work-plugins。

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/anthropics/knowledge-work-plugins --skill interactive-dashboard-builder
カテゴリ
{}データ分析
認証済み
初回登録
2026-02-18
更新日
2026-03-10

Browse more skills from anthropics/knowledge-work-plugins

クイックアンサー

interactive-dashboard-builder とは?

Chart.js、ドロップダウン フィルター、プロフェッショナルなスタイルを使用して、自己完結型のインタラクティブな HTML ダッシュボードを構築します。ダッシュボードの作成、インタラクティブなレポートの構築、またはサーバーなしで機能するグラフやフィルターを含む共有可能な HTML ファイルの生成を行う場合に使用します。 ソース: anthropics/knowledge-work-plugins。

interactive-dashboard-builder のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/anthropics/knowledge-work-plugins --skill interactive-dashboard-builder インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/anthropics/knowledge-work-plugins