SuperAPI AI 工具集

microsim-vis-network

设计与创作

查看项目

更新于 10-16 09:52

技能介绍

用途:该技能定义使用 vis-network JavaScript 库生成教育型 MicroSim 的规则。MicroSim 是面向浏览器学习的轻量交互式教学模拟,强调范围聚焦、代码透明、浏览器原生可嵌入与 AI 可生成。目标是把抽象概念转化为可视化、可操作的体验,让学生通过探索与实验学习。

开发流程分两步。第一步为教学需求规格:在生成代码前明确学科与主题、年级(K-5、6-8、9-12 或本科)、学习目标(对齐 Bloom 分类:记忆、理解、应用、分析、评价、创造)、建议时长(5-15 分钟)、先修知识以及评估机会。

第二步为基于 vis-network 的实现:生成自包含、可交互的 vis-network.js 模拟,遵循标准化 MicroSim 架构,程序宽度响应式。

文件夹结构:每个 MicroSim 位于 /docs/sims 下的独立文件夹,文件夹名为 $MICROSIM_NAME,内容包含:/docs/sims/$MICROSIM_NAME/index.md(该 MicroSim 的主索引 Markdown,含 iframe 与文档)、/docs/sims/$MICROSIM_NAME/main.html(主 HTML5 文件)、/docs/sims/$MICROSIM_NAME/$MICROSIM_NAME.js(全部 JavaScript)、/docs/sims/$MICROSIM_NAME/metadata.json(含 Dublin Core 元数据与控制项说明的 JSON)。

限制:资料未提供具体代码示例、安装命令、定价或平台支持细节;main.html 的描述中提及 p5.js CDN 链接,但该技能主体为 vis-network,二者关系资料未进一步说明。