mmt-tradingview-charts

Original：🇺🇸 English

Translated

Best practices for building charting applications using MMT real-time crypto market data with TradingView Lightweight Charts. Use when creating price charts, volume charts, indicator overlays, multi-chart dashboards, or any visualization that renders MMT data using the TradingView Lightweight Charts library.

1installs

Sourceemeraldls/mmt-agent-skills

Added on2026-02-11

NPX Install

npx skill4agent add emeraldls/mmt-agent-skills mmt-tradingview-charts

SKILL.md Content

View Translation Comparison →

MMT + TradingView Lightweight Charts

Rules for building charting applications that render MMT market data using TradingView Lightweight Charts (v5.x).

Chart Setup

Chart Initialization: createChart config, container setup, autoSize, dark/light themes
Data Mapping: transform MMT types (OHLCVTPublic, etc.) to Lightweight Charts format

Real-Time Updates

Live Candlestick Updates: WS candle stream to series.update(), handling candle close vs in-progress
Live Trade Ticker: WS trade stream to line/marker overlays, trade volume histogram

Multi-Chart Patterns

Multi-Pane Layout: price + volume + indicator panes, synchronized time scales
Multi-Symbol Comparison: overlay multiple symbols, normalize price scales

Indicators & Overlays

Volume Histogram: buy/sell volume from MMT candles as colored histogram
Funding Rate Overlay: stats channel funding rate as line/baseline series
Open Interest Overlay: OI candles as area/line on separate pane

Data Management

Historical Data Loading: REST fetch to setData, pagination for long ranges, loading states
Timeframe & Symbol Switching: clear stores, flush timers, reload on tf/symbol/exchange change

Interaction

Crosshair & Tooltips: subscribeCrosshairMove, custom tooltip with MMT data fields
Chart Lifecycle: React/framework integration, cleanup, resize, memory management

Framework Integration

React Integration Patterns: hooks, refs, lifecycle, state management, performance patterns