笔记本交互组件的Skill

为marimo笔记本创建可交互的anywidget组件。

anywidget-generator 是一份为 marimo 笔记本生成 anywidget 组件的 Skill。你需要自定义交互控件时,它把 Python 状态、JavaScript 交互和 CSS 显示连接起来。

前端读取状态,用户操作后写回并保存变化;Python 侧用可同步属性表示状态。显示时再包成 marimo 的 UI 对象,其他单元可读取它的 value 字典,不是普通静态 HTML。

主文示例做计数器,但把 button 拼成 b8utton,不能直接照抄成已验证控件。较复杂的脚本和样式可以放项目内独立文件,同时检查浅色、深色与键盘操作。

本文没有运行示例或生成组件。适合先做小而清楚的交互,并用实际操作核对前后端状态;画面里的数字变了,还要确认值已同步、笔记本读取到同一结果,才能说控件工作完整。

分类:编程开发

来源仓库:marimo-team/skills

适合用来做什么

  • 为我的marimo笔记本生成一个数据可视化anywidget组件。
  • 请为我创建一个交互式地图的anywidget组件。

安装 anywidget-generator

npx skills add https://www.iskills.cc/skills/marimo-team/skills/anywidget-generator/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 anywidget-generator 的用途与原始说明

浏览全部 Skill 指南