# indicator-dashboard

Creates technical analysis dashboards with Plotly Dash or Streamlit. Generates live multi-timeframe charts and market scanners.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 570 installs · ★ 19
- Author: marketcalls
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/marketcalls/openalgo-indicator-skills/tree/HEAD/.claude/skills/indicator-dashboard/SKILL.md
- Updated: 2026-06-12
- HTML: https://affpapa.org/en/nevibecode/skills/indicator-dashboard

## What it does

The skill scaffolds an interactive charting application inside `dashboards/` using prebuilt project templates. Plotly Dash serves as the default engine. The skill switches to Streamlit only if you explicitly ask for it in the command. Generated interfaces render in dark mode with interactive Plotly canvases, exchange selectors, and timeframes spanning from 1m to daily intervals.

You can build single-asset views with configurable indicators or compare several tickers in a grid. Another option displays four timeframes simultaneously to summarize overall market bias. A live scanner layout renders color-coded trend tables with scheduled 30-second refreshes and on-click detail charts.

Every dashboard expects a `.env` file at the repository root. Once generated, Dash apps run locally on `http://127.0.0.1:8050`, while Streamlit builds launch via `streamlit run app.py` on port 8501.

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add marketcalls/openalgo-indicator-skills --skill indicator-dashboard -a claude-code
```

2. **Manually: put the files in place**
- File: `~/.claude/skills/indicator-dashboard/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/indicator-dashboard/

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add marketcalls/openalgo-indicator-skills --skill indicator-dashboard -a codex
```

2. **Manually: put the files in place**
- File: `.agents/skills/indicator-dashboard/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add marketcalls/openalgo-indicator-skills --skill indicator-dashboard -a cursor
```

2. **Manually: put the files in place**
- File: `.cursor/skills/indicator-dashboard/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install marketcalls/openalgo-indicator-skills indicator-dashboard
```

2. **Manually: put the files in place**
- File: `.github/skills/indicator-dashboard/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add marketcalls/openalgo-indicator-skills --skill indicator-dashboard -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/marketcalls/openalgo-indicator-skills --path .claude/skills/indicator-dashboard
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/indicator-dashboard/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add marketcalls/openalgo-indicator-skills --skill indicator-dashboard -a opencode
```

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/marketcalls/openalgo-indicator-skills/tree/HEAD/.claude/skills/indicator-dashboard/SKILL.md

## When to use it
- scaffold an interactive technical analysis web app using Dash or Streamlit
- compare indicator signals across four timeframes on a single screen
- build an auto-refreshing market watchlist with bullish and bearish highlights
- export scanner table results to a CSV file from a Streamlit sidebar

## Example prompts
- Build a single-stock dashboard: `/indicator-dashboard single SBIN`
- Set up a multi-timeframe view: `/indicator-dashboard multi-timeframe RELIANCE`
- Launch a market scanner in Streamlit: `/indicator-dashboard streamlit-scanner`

## Similar
- [harvard-artifacts-collection-analytics-app](https://affpapa.org/en/nevibecode/skills/harvard-artifacts-collection-analytics-app.md) — skill · 1400 installs
- [harvard-art-museum-data-pipeline](https://affpapa.org/en/nevibecode/skills/harvard-art-museum-data-pipeline.md) — skill · 2000 installs
- [optimize](https://affpapa.org/en/nevibecode/skills/optimize.md) — skill · 2300 installs
- [trading-visualization](https://affpapa.org/en/nevibecode/skills/trading-visualization.md) — skill · 509 installs
- [mql5-indicator-patterns](https://affpapa.org/en/nevibecode/skills/mql5-indicator-patterns.md) — skill · 497 installs
- [strategy-compare](https://affpapa.org/en/nevibecode/skills/strategy-compare.md) — skill · 2300 installs

From the same set: [marketcalls/openalgo-indicator-skills](https://affpapa.org/en/nevibecode/by/marketcalls/openalgo-indicator-skills.md) — 7 cards

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md