skills.rest
stellaromics
stellaromicsOFFICIAL
Explore all skills by this author →
GitHub

anywidget-generator

Generate vanilla JavaScript widgets wrapped for marimo notebooks.

Updated Aug 23, 2026
Search Tags:#frontend#python#javascript#widget#notebook#marimo#anywidget
One-click install
npx skills add https://github.com/stellaromics/fast-bioinfo --skill anywidget-generator-stellaromics
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: anywidget-generator
Source: https://github.com/stellaromics/fast-bioinfo/tree/main/.claude/agents/spatial-analysis/skills/anywidget
Command: npx skills add https://github.com/stellaromics/fast-bioinfo --skill anywidget-generator-stellaromics

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creating interactive user interface widgets for marimo notebooks is repetitive and error-prone; this skill standardizes the process by providing a reusable pattern to generate and wrap simple widgets.

Core Features & Use Cases

  • Generate minimal anywidget components with vanilla JavaScript in _esm and optional _css.
  • Wrap widgets for display in marimo notebooks using the standard marimo wrapper.
  • Use case: quickly prototype interactive controls inside Python notebooks for dashboards and explorations.

Quick Start

Create a minimal anywidget with vanilla JavaScript in _esm and optional _css, then wrap it with marimo for display.

Frequently Asked Questions about anywidget-generator

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

FAQPage Schema
How do I create interactive widgets for marimo notebooks?▼

To create interactive widgets for marimo notebooks, generate a minimal anywidget component using vanilla JavaScript in the _esm field, add optional _css, and wrap it with the standard marimo wrapper for display via mo.ui.anywidget.

What is the best way to add interactive UI controls in Python notebooks?▼

The best way to add interactive UI controls in Python notebooks is generating anywidget components with vanilla JavaScript and wrapping them with marimo, standardizing the process and avoiding repetitive, error-prone manual UI setup.

Does marimo support anywidget components for data exploration?▼

Yes, marimo supports anywidget components by wrapping them with the standard marimo wrapper to render via mo.ui.anywidget, enabling quick prototyping of interactive controls embedded in analyses and dashboards for data exploration.

Can I use vanilla JavaScript to build widgets for Python data dashboards?▼

Yes, you can use vanilla JavaScript in the _esm field to build lightweight frontend widgets for Python data dashboards, optionally adding _css for styling and wrapping the output with marimo for notebook display.

Why does creating custom notebook UI components require a generator?▼

Creating custom notebook UI components requires a generator because manually building interactive widgets for marimo notebooks is repetitive and error-prone; a standardized generator pattern ensures correct wrapping and rendering with mo.ui.anywidget.

Related Skills

Explore More Software Engineering Skills→
panicPaulpanicPaul
5

anywidget-generator

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

Community
Intermediate
IndianBoy42IndianBoy42

anywidget-generator

Generate and wrap vanilla JavaScript anywidget components for Marimo notebooks.

Community
Intermediate
RDCrystalLabRDCrystalLab

marimo-pair

Execute code and manipulate cells in running marimo notebooks.

Official
Advanced
RDCrystalLabRDCrystalLab

anywidget-generator

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

Official
Intermediate