interactive-dashboard-builder とは?
Chart.js、ドロップダウン フィルター、プロフェッショナルなスタイルを使用して、自己完結型のインタラクティブな HTML ダッシュボードを構築します。ダッシュボードの作成、インタラクティブなレポートの構築、またはサーバーなしで機能するグラフやフィルターを含む共有可能な HTML ファイルの生成を行う場合に使用します。 ソース: anthropics/knowledge-work-plugins。
Chart.js、ドロップダウン フィルター、プロフェッショナルなスタイルを使用して、自己完結型のインタラクティブな HTML ダッシュボードを構築します。ダッシュボードの作成、インタラクティブなレポートの構築、またはサーバーなしで機能するグラフやフィルターを含む共有可能な HTML ファイルの生成を行う場合に使用します。
コマンドラインで interactive-dashboard-builder AI スキルを開発環境にすばやくインストール
ソース: 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-builderChart.js、ドロップダウン フィルター、プロフェッショナルなスタイルを使用して、自己完結型のインタラクティブな HTML ダッシュボードを構築します。ダッシュボードの作成、インタラクティブなレポートの構築、またはサーバーなしで機能するグラフやフィルターを含む共有可能な HTML ファイルの生成を行う場合に使用します。 ソース: anthropics/knowledge-work-plugins。
ターミナルまたはコマンドラインツール(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