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

Ready to run

npx skills add https://github.com/panicPaul/splatkit --skill anywidget-generator-panicpaul

💬 Prompt for ChatGPT / Claude Chat▼

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.