Run any Skill in Manus with one click

ngat-tradingview-frontend

Stars36

Forks8

UpdatedMay 10, 2026 at 08:30

Maintain the Vue + lightweight-charts UI in tradingview_dashboard/frontend including multi-timeframe chart rendering, indicator overlays, and API polling. Use when improving chart UX, syncing behavior, performance, or frontend/backend data contracts.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

studiogangster

studiogangster/next-gen-algo-trading-bot

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Web DevelopersComputer and Mathematical Occupations·SOC 15-1254

File Explorer

2 files

SKILL.md

readonly

name	ngat-tradingview-frontend
description	Maintain the Vue + lightweight-charts UI in tradingview_dashboard/frontend including multi-timeframe chart rendering, indicator overlays, and API polling. Use when improving chart UX, syncing behavior, performance, or frontend/backend data contracts.

Ngat Tradingview Frontend

Overview

Render interactive multi-timeframe market charts and overlays using backend candle/indicator APIs.

Submodules

src/App.vue: main chart orchestration, API calls, synchronized multi-chart rendering.
src/components/TradingViewChart.vue: reusable chart wrapper with crosshair and pagination hooks.
src/main.js: app bootstrap.
package.json: frontend runtime/tooling versions.

Pros

Support multi-timeframe comparison in one screen.
Keep indicator overlays extensible via backend-provided metadata.
Keep interactive tooling (range sync, crosshair sync, tooltip enrichment).

Cons

Mix substantial logic in single-file components.
Recreate charts on resize/data-load paths, increasing CPU churn.
Keep hardcoded API base URL and instrument options.

Caveats

Ensure timestamp normalization remains consistent (number vs ISO string branch paths).
Check lightweight-charts API compatibility; methods differ across major versions.
Preserve scroll/range state carefully while prepending historical candles.

Forward Features

Add composable stores/services for API and chart sync state.
Add websocket stream mode to reduce polling latency and API load.
Add virtualized indicator rendering and performance instrumentation.

More from this repository

same repository

ngat-architecture

studiogangster/next-gen-algo-trading-bot

Analyze and evolve the overall architecture of next-gen-algo-trading-bot across ingestion, aggregation, strategy execution, storage, APIs, and UI layers. Use when making cross-module changes, debugging data flow breaks between modules, planning new features, or assessing tradeoffs and risk before refactors.

2026-05-1036

ngat-brokers

studiogangster/next-gen-algo-trading-bot

Implement and maintain broker connectivity for Zerodha in brokers/ including auth, session retry behavior, order/position APIs, and historical data sync helpers. Use when touching login flow, order execution, broker resilience, or market data backfill behavior.

2026-05-1036

ngat-cli

studiogangster/next-gen-algo-trading-bot

Operate and extend the Typer CLI entrypoints in cli/main.py for engine start/stop and timeframe worker execution. Use when adding commands, wiring new modules into runtime startup, or debugging startup/config/env failures.

2026-05-1036

ngat-config

studiogangster/next-gen-algo-trading-bot

Manage and validate runtime configuration schemas and YAML files under config/ plus root config.yaml for the trading engine. Use when adding config fields, fixing env interpolation, or resolving mismatches between configured and supported timeframes/indicators.

2026-05-1036

ngat-core

studiogangster/next-gen-algo-trading-bot

Implement and maintain the core orchestration and compute pipeline in core/ including base interfaces, engine actors, aggregation, timeframe generation, and indicator generation. Use when changing runtime data flow, worker behavior, or strategy execution mechanics.

2026-05-1036

ngat-dashboard

studiogangster/next-gen-algo-trading-bot

Maintain local operator dashboards in dashboard/ using Streamlit and Dash for candle inspection and indicator visualization. Use when improving manual observability, chart behavior, or live diagnostics from parquet-backed data.

2026-05-1036

name	ngat-tradingview-frontend
description	Maintain the Vue + lightweight-charts UI in tradingview_dashboard/frontend including multi-timeframe chart rendering, indicator overlays, and API polling. Use when improving chart UX, syncing behavior, performance, or frontend/backend data contracts.

Ngat Tradingview Frontend

Overview

Render interactive multi-timeframe market charts and overlays using backend candle/indicator APIs.

Submodules

src/App.vue: main chart orchestration, API calls, synchronized multi-chart rendering.
src/components/TradingViewChart.vue: reusable chart wrapper with crosshair and pagination hooks.
src/main.js: app bootstrap.
package.json: frontend runtime/tooling versions.

Pros

Support multi-timeframe comparison in one screen.
Keep indicator overlays extensible via backend-provided metadata.
Keep interactive tooling (range sync, crosshair sync, tooltip enrichment).

Cons

Mix substantial logic in single-file components.
Recreate charts on resize/data-load paths, increasing CPU churn.
Keep hardcoded API base URL and instrument options.

Caveats

Ensure timestamp normalization remains consistent (number vs ISO string branch paths).
Check lightweight-charts API compatibility; methods differ across major versions.
Preserve scroll/range state carefully while prepending historical candles.

Forward Features

Add composable stores/services for API and chart sync state.
Add websocket stream mode to reduce polling latency and API load.
Add virtualized indicator rendering and performance instrumentation.