trading-dashboard-build

Community

Build a live backtest dashboard for trading.

Authorbini59
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a Next.js-based observability surface that reads engine artifacts (BacktestRun, LiveSnapshot, ControlFlags) to render equity curves, indicators, regime timelines, and multi-test counters with a read-only UI, enabling safe monitoring without altering trading logic.

Core Features & Use Cases

  • Read-only dashboards render charts and metrics from artifacts using lightweight-charts, keeping the engine as the source of truth.
  • Two routes, /backtest and /live, with API-backed data feeds to visualize calibration results and live performance.
  • Use Case: a quant team needs a transparent, non-intrusive view of both backtests and live runs to validate strategy behavior and spot anomalies.

Quick Start

Launch the Next.js app in the web/ folder and open the /backtest or /live routes to begin monitoring.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: trading-dashboard-build
Download link: https://github.com/bini59/316_stock_automation/archive/main.zip#trading-dashboard-build

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.