skills.rest
panicPaul
panicPaulCOMMUNITY
Explore all skills by this author →
GitHub

anywidget-generator

Generate anywidget components with vanilla JavaScript _esm and optional _css for marimo notebooks.

5|Updated Apr 14, 2026
Search Tags:#ui#javascript#generate#notebooks#widgets#marimo#anywidget
One-click install
npx skills add https://github.com/panicPaul/splatkit --skill anywidget-generator-panicpaul
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: anywidget-generator
Source: https://github.com/panicPaul/splatkit/tree/main/.agents/skills/anywidget-generator
Command: npx skills add https://github.com/panicPaul/splatkit --skill anywidget-generator-panicpaul

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generates ready-to-use anywidget components for marimo notebooks, reducing boilerplate and accelerating interactive UI experiments.

Core Features & Use Cases

  • Scaffold vanilla JavaScript _esm and optional _css for anywidget components.
  • Provide a consistent wrap: mo.ui.anywidget(OriginalAnywidget()) for display in notebooks.
  • Clear best-practices guidance for embedding widgets in marimo notebooks and rapid UI prototyping.

Quick Start

Create a new anywidget scaffold and wrap it with mo.ui.anywidget for immediate notebook use.

Frequently Asked Questions about anywidget-generator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate anywidget components for marimo notebooks?▼

To generate anywidget components for marimo, this tool scaffolds vanilla JavaScript _esm, optional _css, and a standard marimo wrapper to instantly produce ready-to-use UI widgets for notebooks.

Can I use vanilla JavaScript to build interactive UI prototypes in marimo?▼

Yes, building interactive UI prototypes in marimo with vanilla JavaScript is supported by generating anywidget components that include _esm scaffolds and a mo.ui.anywidget wrapper for immediate notebook display.

What is the best way to reduce boilerplate when creating marimo UI widgets?▼

The best way to reduce boilerplate when creating marimo UI widgets is to use an automated generator that produces standard frontmatter metadata, _esm, _css scaffolds, and the mo.ui.anywidget display wrapper.

Does anywidget work with marimo for notebook-based UI experimentation?▼

Anywidget works with marimo for notebook-based UI experimentation by providing a consistent mo.ui.anywidget(OriginalAnywidget()) wrapper that enables rapid interactive widget display and testing.

How do I structure anywidget files with _esm and _css for notebook reuse?▼

To structure anywidget files for notebook reuse, include frontmatter metadata, a minimal _esm scaffold for JavaScript logic, an optional _css file for styling, and optional asset directories for deterministic re-use.

Do I need to manually wrap anywidget components to display them in marimo?▼

No, you do not need to manually wrap anywidget components, as this generation process automatically provides the standard mo.ui.anywidget(OriginalAnywidget()) wrapper required for immediate display in marimo notebooks.

Related Skills

Explore More Software Engineering Skills→
IndianBoy42IndianBoy42

anywidget-generator

Generate and wrap vanilla JavaScript anywidget components for Marimo notebooks.

Community
Intermediate
DanSnowDanSnow
2

anywidget-generator

Generate Anywidget components for Marimo notebooks using vanilla JavaScript and CSS.

Community
Intermediate
legoutlegout
3

jupyter-to-marimo

Convert Jupyter .ipynb files into reactive marimo Python scripts.

Community
Intermediate
RDCrystalLabRDCrystalLab

anywidget-generator

Generate custom anywidget components for marimo notebooks with JavaScript rendering and traitlets.

Official
Intermediate