1. Habit
  2. Skills
  3. Lightweight Charts skill
tradingview · 1K installs

Lightweight Charts skill
Runs by itself, chart code changes.

Chart code stays on v5.

Install the Lightweight Charts skill and make it a habit: follow https://gethabit.dev/skills/tradingview/lightweight-charts.md

  1. 1Copy
  2. 2Paste into Claude Code, Codex or Cursor
  3. 3It runs by itself

1K installs18K starsApache-2.0 licenceSource on GitHub ↗

Lightweight Charts

by tradingview · 1K installs

The skill

The lightweight charts skill helps developers build TradingView lightweight-charts v5 charts: series, scales, realtime data, panes, markers, plugins, SSR loading and React or Vue wrappers.

Only when you ask.

The habit

Chart code stays on v5.

↻ Runs by itselfchart code changes

How the habit works.
You don't have to.

Three questionsWhen does it start? How does it check its work? What does it remember?

01

It starts by itself

chart code changes. Runs in GitHub Actions or Claude Code routine.

  • ↻ chart code changes
  • pull_request touches files importing lightweight-charts

02

It checks its work

no v4 API left. If a check fails, it tells you.

  • ✓no addLineSeries, addCandlestickSeries or series.setMarkers calls
  • ✓UTCTimestamp values are in seconds, not Date.now()
  • ✓no timeScale timezone option
  • ✓every API name exists in dist/typings.d.ts

03

It remembers

chart findings log. The next run reads it first: installed version and open findings.

loops/lightweight-charts-v5-loop/run-log.md

One run, step by step.
Then it stops.

Stop ruleStops after one pull request per run.

  1. 01

    Read version

    Read node_modules/lightweight-charts/package.json and grep the typings.

  2. 02

    Map v4 calls

    Replace v4 snippets using the v4 to v5 replacement matrix.

  3. 03

    Check time

    Check seconds timestamps, ascending unique times and update versus setData.

  4. 04

    Check wrappers

    Confirm one chart per mount, chart.remove() on cleanup and client-only loading in Next.js.

  5. 05

    Report

    Name the v5 API, the foot-gun and what source was checked.

What it may do.
Nothing more.

Safe by defaultIt writes only in its own folder and asks you before anything goes out.

Is it for you?
Use it when it fits.

Quick checkRead both lists. If the left one sounds like you, the Lightweight Charts skill helps.

Use it when

  • ✓ You build a candlestick chart
  • ✓ You migrate from v4 to v5
  • ✓ Your chart snaps on every update

Skip it when

  • – You use the Python wrapper
  • – You use another chart library

Questions

Lightweight Charts skill, answered.

What if typings are missing?

The skill says to state what could not be verified and not invent API names.

Does it cover the Python wrapper?

No. The skill flags the Python wrapper as a different, third-party package.

How do I install the Lightweight Charts skill?

Copy the prompt at the top into your agent. It installs the skill from tradingview/lightweight-charts and sets up the habit. Or run npx skills add tradingview/lightweight-charts --skill lightweight-charts.

Is the Lightweight Charts skill free?

Yes. It is published under Apache-2.0. Habit is free too.

Lightweight Charts. Now as a habit.

Install the Lightweight Charts skill and make it a habit: follow https://gethabit.dev/skills/tradingview/lightweight-charts.md

  • Free
  • No account
  • Undo in one line

All tradingview skills →More code skills →

Works in

  • Claude Code
  • Codex
  • Cursor
  • ChatGPT
  • Claude app

Made by tradingview, published under Apache-2.0. Habit links to the original and never changes it. Is this your skill?

Copying didn't work here. Select the line and copy it by hand.