plotly — Claude Code skill: what it does, how to install
Teaches Claude Code to generate interactive Python charts, multi-panel dashboards, and statistical plots with Plotly.
npx claude-code-templates@latest --skill scientific/plotlyWhat plotly does
This skill equips Claude Code with structured workflows for Python data visualization. The assistant learns when to rely on concise plotly.express methods for tabular pandas data and when to switch to granular graph_objects for custom figure layouts, 3D meshes, and complex annotations.
The reference material covers over 40 chart variations, including candlesticks, heatmaps, density maps, and violin plots. It also guides the agent through grid subplots with make_subplots, styling themes, hover templates, and time sliders.
Static image generation for PNG, PDF, or SVG formats requires the kaleido package. Without that dependency installed, Plotly will only output standalone HTML files.
What it helps with
- generate interactive statistical plots from pandas DataFrames
- build financial candlestick figures with time-range sliders
- assemble multi-panel dashboards using
make_subplots - export interactive visualizations into standalone HTML files
Example prompts for the agent
- Create a correlation heatmap from this dataset using plotly.express
- Build a candlestick chart with a date rangeslider and save it as HTML
- Set up a 2x2 dashboard using graph_objects subplots with a dark theme
How to install plotly
1claude-code-templates
npx claude-code-templates@latest --skill scientific/plotly2Skills CLI (Vercel)
npx skills add davila7/claude-code-templates --skill plotly -a claude-code3Manually: put the files in place
~/.claude/skills/plotly/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/plotly/
Manually: put the files in place
.agents/skills/plotly/SKILL.mdFor all projects use ~/.agents/skills/
Manually: put the files in place
.cursor/skills/plotly/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install davila7/claude-code-templates plotly2Manually: put the files in place
.github/skills/plotly/SKILL.mdPlatform CLI
gemini skills install https://github.com/davila7/claude-code-templates --path cli-tool/components/skills/scientific/plotlyManually: put the files in place
.devin/skills/plotly/SKILL.mdThe legacy .windsurf/skills/ path still works
Claude.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 plotly
How do I install plotly in Claude Code?
Run npx claude-code-templates@latest --skill scientific/plotly in your terminal. You can also place the skill file into ~/.claude/skills/plotly/SKILL.md directly.
What does the plotly skill do?
It provides Claude Code with patterns for over 40 chart types, proper API selection, and dashboard layouts using Plotly and Dash.
What dependencies are needed to save static images?
Saving figures as PNG, PDF, or SVG requires installing kaleido via uv pip install kaleido. HTML exports work without extra tools.