notebook-design-system
CommunityDark-theme design system for Plotly notebooks
Authorl3ocho
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This design system provides a reusable, dark-theme layout and color system for Plotly graph_objects in Jupyter notebooks, ensuring consistent visuals across charts without manual customization.
Core Features & Use Cases
- Standardized dark background design with a unified color palette and typography for notebook visualizations.
- A programmable layout helper (apply_layout) to apply consistent chart styling across multiple figures.
- Clear guidance on chart design rules (grid, titles, hover templates) to improve readability and comparability.
Quick Start
Copy the provided layout template into the first notebook cell and import the apply_layout helper to initialize plots with the standard design system.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: notebook-design-system Download link: https://github.com/l3ocho/mktpl-claude-datasaas/archive/main.zip#notebook-design-system Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.