mmt-tradingview-charts

Name: mmt-tradingview-charts
Author: emeraldls

github.com/emeraldlsDevelopment1215 installsUpdated 37w ago

About mmt-tradingview-charts

A skill for building charting applications that display MMT market data with TradingView Lightweight Charts. It covers historical and streaming data, chart interactions, and React integration.

Key features

01Map MMT data to chart series
02Update candles and trades from WebSocket streams
03Create synchronized multi-pane charts
04Overlay volume, funding rate, and open interest
05Load historical data and switch symbols or timeframes
06Manage tooltips and chart lifecycle

Use cases

01Render live MMT candlesticks and trades
02Compare multiple symbols on one chart
03Add market indicators alongside price data

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/emeraldls/mmt-api-skills --skill mmt-tradingview-charts

After installing, type/mmt-tradingview-chartsin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

rules/

chart-initialization.md

data-historical-loading.md

data-mapping-mmt-to-tv.md

data-timeframe-switching.md

indicator-funding-rate.md

indicator-open-interest.md

indicator-volume-histogram.md

interaction-chart-lifecycle.md

interaction-crosshair-tooltips.md

multi-pane-layout.md

multi-symbol-comparison.md

react-integration-patterns.md

realtime-candlestick-updates.md

realtime-trade-ticker.md

Details

From the project README

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

Comments

Markdown supported

Details

Author: emeraldls
Repository: emeraldls/mmt-api-skills
Category: Development
Installs: 215
GitHub stars: 1

Report

More skills

All skills

remotion-render

github.com/inference-sh

1.6M

Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated video, motion graphics code, react animation video

improve-codebase-architecture

github.com/mattpocock

1.2M

Scan a codebase for architecture improvement opportunities, present them as a visual HTML report, then dive deep into whichever one you pick.

design-mobile-apps

github.com/designed-by-ai

1.1M

Design mobile app screens with Sleek, edit Sleek projects, and implement their designs in React Native or HTML

vercel-react-best-practices

github.com/vercel-labs

855.5k

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.