QUARTERGRID
データ・振り返り
DATAVAULT
データレポート資料
デモサイトを開く別タブで開きます
DATAVAULTは、Claude Code・Codex・Cursor向けのAI Skillです。グラフをコードで描き、PowerPointにも本物のグラフとして書き出すダークなデータレポート資料を作ります。ダークなダッシュボード調のデータレポート。折れ線、グループ棒、積み上げ面、散布、ヒートマップをコードで描き、スライドが来るたびに育てます。どのグラフにも単位と出典がつき、最後は各指標の計算方法で締めます。HTML1枚に12枚分。PPTXの書き出しは画像ではなく本物のPowerPointグラフを書きます。
できること
- 全12枚のデータスライド。折れ線、グループ棒、積み上げ面、散布、ランキング、ヒートマップに加えて、定義と出典のページ
- ブラウザ上でどの文字も直せます。変更は保持され、⌘Sで編集後のファイルを保存できます
- 1枚につき1ページの16:9 PDFと、文字・表・グラフが編集可能なまま書き出されるPPTX
こんな方に
- データ・アナリティクスのチーム
- オペレーション・プロダクトマネージャー
- 毎月レポートを出している方
準備するもの
- 1枚につき結論を1つ
- 実際の数値と、その出どころ
- Claude Code、Codex、Cursorのいずれか
よくある質問
Claude Code、Codex、Cursorに貼り付け、1枚につき結論を1つと実際の数値を渡してください。AIがプロジェクトフォルダに、ダブルクリックで再生できるdeck.htmlを1つ書き出します。Skillの使い方
ページ上では、ファイル冒頭のひとつのDATAから動く行内SVGです。数値を変えればグラフが描き直されます。登場は「描かれる」形で、折れ線はstroke-dashoffsetで左から右へ、棒は基線から伸び、散布点は原点からの距離順に落ち、ヒートマップの格子は対角線の波で色づきます。PPTXの書き出しではpptxgenjsのaddChartに切り替わるので、PowerPointには編集できるグラフが届きます。
はい。どの文字もブラウザで編集でき、変更はそのまま残り、⌘Sで新しいHTMLファイルとして保存できます。PDFボタンは1枚につき16:9の1ページで印刷し、PPTXボタンはpptxgenjsで書き出すので、文字・表・グラフは画像ではなくPowerPointで編集可能なまま届きます。
いいえ。SkillはあなたのAIツールの中で動き、deck.htmlも手元のパソコンに残ります。
全69点のSkillと今後追加される分：月額US$6、6か月US$29、買い切りUS$99。価格は税込です。