mmt-tradingview-charts について
TradingView Lightweight ChartsでMMT市場データを表示するチャートアプリの構築を支援するスキルです。履歴・ストリーミングデータ、操作機能、React連携を扱います。
主な機能
- 01MMTデータをチャート系列に変換
- 02WebSocketでローソク足と取引を更新
- 03同期する複数ペインのチャート作成
- 04出来高・資金調達率・建玉のオーバーレイ
- 05履歴データの読み込みと銘柄・時間軸の切り替え
- 06ツールチップとチャートのライフサイクル管理
活用シーン
- 01MMTのローソク足と取引をリアルタイム表示
- 02複数銘柄を同じチャートで比較
- 03価格チャートに市場指標を追加
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/mmt-tradingview-chartsを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
rules/chart-initialization.mddata-historical-loading.mddata-mapping-mmt-to-tv.mddata-timeframe-switching.mdindicator-funding-rate.mdindicator-open-interest.mdindicator-volume-histogram.mdinteraction-chart-lifecycle.mdinteraction-crosshair-tooltips.mdmulti-pane-layout.mdmulti-symbol-comparison.mdreact-integration-patterns.mdrealtime-candlestick-updates.mdrealtime-trade-ticker.md詳細
MMT + TradingView Lightweight Charts
TradingView Lightweight Charts（v5.x）を使用してMMT市場データを表示するチャートアプリケーションの構築ルールです。
チャートのセットアップ
- チャートの初期化：createChartの設定、コンテナーのセットアップ、autoSize、ダーク／ライトテーマ
- データマッピング：MMT型（OHLCVTPublicなど）をLightweight Charts形式に変換
リアルタイム更新
- ローソク足のライブ更新：WSローソク足ストリームからseries.update()への反映、ローソク足の確定と進行中の状態への対応
- ライブ取引ティッカー：WS取引ストリームをライン／マーカーのオーバーレイに反映、取引量のヒストグラム
複数チャートのパターン
- 複数ペインのレイアウト：価格、取引量、インジケーターペイン、時間スケールの同期
- 複数銘柄の比較：複数の銘柄を重ねて表示し、価格スケールを正規化
インジケーターとオーバーレイ
- 取引量のヒストグラム：MMTローソク足の買い／売り取引量を色付きヒストグラムで表示
- ファンディングレートのオーバーレイ：statsチャンネルのファンディングレートをライン／ベースラインシリーズとして表示
- 建玉のオーバーレイ：OIローソク足を別ペインにエリア／ラインとして表示
データ管理
- 過去データの読み込み：RESTで取得してsetDataに設定、長期間のデータのページネーション、読み込み状態
- 時間足と銘柄の切り替え：ストアのクリア、タイマーのフラッシュ、時間足／銘柄／取引所の変更時に再読み込み
インタラクション
- クロスヘアとツールチップ：subscribeCrosshairMove、MMTデータフィールドを含むカスタムツールチップ
- チャートのライフサイクル：React／フレームワークとの統合、クリーンアップ、リサイズ、メモリ管理
フレームワークとの統合
- React統合パターン：フック、ref、ライフサイクル、状態管理、パフォーマンスのパターン
コメント
Markdown 対応