Skills
.Work. You
Rest

panel-custom-components

Community

Bridge Python and JavaScript with Panel UI

Software Engineering#react#javascript#material-ui#web-components#panel#panel-custom-components
AuthorMarcSkovMadsen
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Bridges Python and JavaScript to provide reusable Panel components, enabling developers to combine Python logic with rich JS UIs in a consistent framework.

Core Features & Use Cases

  • Provides patterns for JSComponent, ReactComponent, AnyWidgetComponent, and MaterialUIComponent to cover a wide range of UI integration scenarios.
  • Guides wrapping libraries, building themed components, and testing UI with Playwright across dashboards and data apps.
  • Use case: scaffold a custom panel widget that renders a chart from a JS library while syncing state with Python.

Quick Start

Initialize a new Panel custom component by choosing the type you need and wiring up a minimal _esm component with Python parameters.

Dependency Matrix

Required Modules

None required

Components

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: panel-custom-components
Download link: https://github.com/MarcSkovMadsen/holoviz-mcp/archive/main.zip#panel-custom-components

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.