Agent skill · design visual · nexu-io
trading-analysis-dashboard-template
Professional trading analysis dashboard template (single-file HTML) with light/dark theme switch, dense market panels, chart interactions, demo/live playback, and command palette behavior. Use when users ask for a Wall-Street-style analytics terminal, trading cockpit, or high-tech financial dashboard template with realistic data layout.
Why this skill is useful
Provides a specialized template for creating a trading analysis dashboard with specific features and design patterns not commonly found in generic templates.
What it needs
About 1k tokens when loaded. Last updated 2026-08-07. 84,236 stars on the source repository.
What this skill does
Trading Analysis Dashboard Template Produce a premium, data-dense, Wall-Street style trading dashboard as a self-contained HTML artifact. Resource map Workflow 1. Read active DESIGN.md, then map typography/color/layout into CSS variables. 2. Copy assets/template.html to index.html. 3. Personalize headings, instrument names, and numeric labels to the user brief. 4. Preserve interaction fidelity: Light/Dark mode switch Live/Demo mode Chart hover crosshair and tooltip Click-to-focus chart (floating modal style) Keyboard command palette (/) 5. Keep output single-file HTML (inline CSS + inline JS, no framework dependency). 6. Keep placeholders honest (— or neutral labels) where real numbers are unknown. 7. Validate against references/checklist.md before emitting. Output contract One sentence before artifact, then:
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills nexu-io/trading-analysis-dashboard-template