plotly-dashboard-skill
Build production-ready Plotly Dash dashboards with consistent theming, clear layouts, and performant callbacks.
npx skills add BioTender-max/awesome-bio-agent-skills --skill plotly-dashboard-skill --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Plotly Dashboard Skill Create interactive dashboards with a single source of truth for UI and figure styling. ## Instructions 1. Capture audience, questions, and data constraints. 2. Pick a layout pattern and component library. 3. Define a theme and Plotly figure template. 4. Build the layout skeleton before callbacks. 5. Implement callbacks with clear inputs/outputs. 6. Optimize slow callbacks with caching or pre-aggregation. ## Quick Reference | Task | Action | |------|--------| | UI style guide | See `STYLE_GUIDE.md` | | Figure template | See `FIGURE_STYLE.md` | | Palettes | See `PALETTES.md` | | App architecture | See `DASH_ARCHITECTURE.md` | | Performance | See `PERFORMANCE.md` | ## Input Requirements - Audience and key decisions - Data sources and update cadence - Required filters and views - Deployment constraints ## Output - Dash app scaffold (layout + callbacks) - Consistent theming and figure templates - README with usage notes ## Quality Gates - [ ] Layout communicates hierarchy and intent - [ ] Callbacks are small and focused - [ ] p95 interaction latency acceptable - [ ] Styling is consistent across charts ## Examples ### Example 1: Layout-first workflow ```text Head
- Instructions
- Quick Reference
- Input Requirements
- Output
- Quality Gates
- Examples
- Example 1: Layout-first workflow
- Troubleshooting
What does the plotly-dashboard-skill skill do?
Build production-ready Plotly Dash dashboards with consistent theming, clear layouts, and performant callbacks.
How do I install it?
Run `npx skills add BioTender-max/awesome-bio-agent-skills --skill plotly-dashboard-skill --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From BioTender-max/awesome-bio-agent-skills, a repository with 135 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.