チャート、グラフ、ダッシュボード、スパークライン、またはその他のデータ視覚化を作成、確認、またはスタイル設定するときに使用します。 Recharts、ECharts、Chart.js、matplotlib、Plotly、seaborn、D3.js、SVG に適用されます。 Tufte の原則 (データ インク比、直接ラベル付け、レンジ フレーム軸) に加えて、最新の画面優先標準 (アクセシビリティ、レスポンシブ、ダーク モード) を適用します。
コマンドラインで tufte-data-viz AI スキルを開発環境にすばやくインストール
ソース: caylent/tufte-data-viz。
Apply Edward Tufte's principles whenever generating or reviewing code that renders data visually. This skill covers chart generation, not slide/presentation design.
Review the rules below. Every rule is a default — deviate only when the user explicitly requests otherwise.
Use the Library quick reference table to find the essential overrides for the target library. For complete code examples and helper functions, read ONE rule file from rules/ matching the library.
チャート、グラフ、ダッシュボード、スパークライン、またはその他のデータ視覚化を作成、確認、またはスタイル設定するときに使用します。 Recharts、ECharts、Chart.js、matplotlib、Plotly、seaborn、D3.js、SVG に適用されます。 Tufte の原則 (データ インク比、直接ラベル付け、レンジ フレーム軸) に加えて、最新の画面優先標準 (アクセシビリティ、レスポンシブ、ダーク モード) を適用します。 ソース: caylent/tufte-data-viz。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/caylent/tufte-data-viz --skill tufte-data-vizチャート、グラフ、ダッシュボード、スパークライン、またはその他のデータ視覚化を作成、確認、またはスタイル設定するときに使用します。 Recharts、ECharts、Chart.js、matplotlib、Plotly、seaborn、D3.js、SVG に適用されます。 Tufte の原則 (データ インク比、直接ラベル付け、レンジ フレーム軸) に加えて、最新の画面優先標準 (アクセシビリティ、レスポンシブ、ダーク モード) を適用します。 ソース: caylent/tufte-data-viz。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/caylent/tufte-data-viz --skill tufte-data-viz インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/caylent/tufte-data-viz