anywidget-generator

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

2|Updated Nov 24, 2024

Search Tags:#javascript #css #widget #ui component #marimo #anywidget

Ready to run

npx skills add https://github.com/DanSnow/dotfiles --skill anywidget-generator

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: anywidget-generator
Source: https://github.com/DanSnow/dotfiles/tree/main/private_dot_claude/skills/anywidget-generator
Command: npx skills add https://github.com/DanSnow/dotfiles --skill anywidget-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill simplifies the creation of interactive and custom user interface components within Marimo notebooks by generating Anywidget components.

Core Features & Use Cases

Custom Widget Creation: Generate Anywidget components using vanilla JavaScript and CSS.
External Resource Support: Option to link _esm and _css to external files for complex logic and styling.
Use Case: Develop a real-time data visualization widget for a Marimo notebook that updates dynamically based on user input or streaming data.

Quick Start

Generate a simple Anywidget component for Marimo notebooks.

Frequently Asked Questions about anywidget-generator

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

FAQPage Schema

Can I link external JavaScript and CSS files to an Anywidget component in Marimo?▼

Yes, you can link external JavaScript and CSS files. This Skill supports linking `_esm` and `_css` to external files for managing complex widget logic and styling.

Do I need external dependencies to generate Anywidget components for Marimo?▼

No external dependencies are required. This Skill generates Anywidget components using vanilla JavaScript and CSS without relying on additional component libraries.

Does this widget generator support complex widget logic for Marimo notebooks?▼

This Skill is suited for complex widget logic and styling by supporting external file linking, though it specifically targets Anywidget generation for Marimo notebooks.

Can I use vanilla JavaScript for Marimo widget creation without React?▼

Yes, you can use vanilla JavaScript. This Skill generates Anywidget components for Marimo notebooks using vanilla JavaScript and CSS, avoiding heavy framework dependencies.