indicator-dashboard — Claude Code skill: what it does, how to install
Creates technical analysis dashboards with Plotly Dash or Streamlit. Generates live multi-timeframe charts and market scanners.
npx skills add marketcalls/openalgo-indicator-skills --skill indicator-dashboard -a claude-codeWhat indicator-dashboard 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.
What it helps with
- 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 for the agent
- 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
How to install indicator-dashboard
1Skills CLI (Vercel)
npx skills add marketcalls/openalgo-indicator-skills --skill indicator-dashboard -a claude-code2Manually: put the files in place
~/.claude/skills/indicator-dashboard/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/indicator-dashboard/
1Skills CLI (Vercel)
npx skills add marketcalls/openalgo-indicator-skills --skill indicator-dashboard -a codex2Manually: put the files in place
.agents/skills/indicator-dashboard/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add marketcalls/openalgo-indicator-skills --skill indicator-dashboard -a cursor2Manually: put the files in place
.cursor/skills/indicator-dashboard/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install marketcalls/openalgo-indicator-skills indicator-dashboard2Manually: put the files in place
.github/skills/indicator-dashboard/SKILL.md1Skills CLI (Vercel)
npx skills add marketcalls/openalgo-indicator-skills --skill indicator-dashboard -a gemini-cli2Platform CLI
gemini skills install https://github.com/marketcalls/openalgo-indicator-skills --path .claude/skills/indicator-dashboardManually: put the files in place
.devin/skills/indicator-dashboard/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add marketcalls/openalgo-indicator-skills --skill indicator-dashboard -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about indicator-dashboard
How do I install indicator-dashboard in Claude Code?
Run npx skills add marketcalls/openalgo-indicator-skills --skill indicator-dashboard -a claude-code in your terminal.
What does indicator-dashboard do?
It generates complete Python web applications for market analysis with Plotly charts, indicator toggles, and multi-symbol grids.
Which framework does the skill use by default?
The skill builds Plotly Dash apps by default. It generates a Streamlit interface only when you specify a Streamlit dashboard type or request it directly.
