前言¶

很多老师和开发同事都有类似的经历：为了在课堂上演示一个化学变化，翻遍素材网站，找到的要么是静态图片，看不出粒子层面的过程；要么是在线视频，教室网络不稳定，讲到一半卡住；想自己做动画，Flash 早已停用，学一门动画工具又太慢。课堂演示需要的是一个能双击打开、鼠标和触屏都能操作、不依赖网络的文件。

下面介绍的 Skill「高中化学html动画大师」就是针对这个场景的。它属于 SkillHub 上的社区 Skill，由 @user_b0ac8c86 发布，版本 1.0.0，分类为 education。用一个高中化学知识点、实验或主题名称作为输入，就能生成适合班级大屏教学的单文件 HTML 动画，且不需要 API Key。

这是什么¶

一句话定位：这是一个面向高中化学课堂演示场景的生成类 Skill，输入知识点名称，输出可直接放映的交互式 HTML 动画。

它解决的是这样一个问题：化学的很多内容发生在微观层面——分子怎么拆、电子怎么转移、平衡怎么移动——静态图和板书都难以呈现，而现成的多媒体素材要么画质参差，要么需要联网加载。这个 Skill 把「根据知识点定制动画」这件事压缩成一句话的输入。

它来自 SkillHub 社区，坐标为 @user_b0ac8c86/gzhxdh，发布者为 user_b0ac8c86，当前版本 1.0.0。

核心功能¶

1、输入一个高中化学知识点、实验或主题名称，生成对应的动画内容。

2、输出形态是单个 HTML 文件：可以在班级大屏上直接放映，不需要额外播放器，不需要联网即可运行。

3、生成的动画支持鼠标和触屏两种交互方式，既能用大屏授课，也能让学生在平板或触屏设备上操作。

4、覆盖的高中化学内容范围包括：微观粒子变化、化学实验、反应机理、速率与平衡、电化学、物质结构、有机反应、定量分析和工业流程。

需要说明它的边界：这个 Skill 只做「有交互的化学动画」，不用于仅制作静态插图、普通网页，也不用于生成依赖联网资源的视频。如果需求只是一张示意图，用它并不划算。

安装与启用¶

这个 Skill 托管在 SkillHub 上，通过 SkillHub 的安装命令添加到本机：

skillhub install gzhxdh

安装完成后，在 Cursor、Codex CLI 或 Claude Code 这类支持 Agent Skills 的客户端里启用即可。它不需要配置 API Key（标签 requires_api_key=false），安装后没有额外的密钥填写步骤。

典型用法¶

安装启用之后，直接把需求描述成一句话交给 Agent 即可。

例如，想让课堂上演示电解水的微观过程，可以说：

生成一个电解水微观过程的动画，高中化学课件用，班级大屏放映

Agent 会调用这个 Skill，产出一个单文件 HTML 动画。拿到文件后的操作流程是：

1、把 HTML 文件下载或保存到本地，确认文件是自包含的单文件。

2、上课前在大屏电脑上双击打开，检查鼠标点击和触屏拖动是否正常。

3、课堂上直接放映，期间不需要连接网络。

触发这个 Skill 时，用这些说法都可以：高中化学动画、化学HTML动画、化学互动动画、化学课件动画、化学反应动画、化学实验动画。

适用场景与注意¶

适合的使用场景：

1、课堂导入或难点讲解，需要把微观过程可视化，比如化学键的断裂与形成、平衡移动的方向。

2、实验条件受限、无法在教室现场演示的实验，用动画呈现操作步骤和现象。

3、需要学生动手操作的场景，利用触屏交互让学生自己「做一遍」。

需要注意的地方：

1、产出的是教学动画，内容准确性最终要由授课老师核对，动画负责呈现方式，不替代教材表述。

2、它生成的是单文件 HTML，如果后续需要嵌入到学校的在线教学平台、或者要加配音和字幕，需要自行处理，Skill 本身不含这些能力。

3、不要把它当作通用网页生成工具，它面向的是高中化学课堂动画这个具体场景。

结尾¶

这个 Skill 的价值在于把「定制一个化学课堂动画」这件事的门槛降到一句话。不写代码、不找素材、不依赖网络，生成的文件拿到任何一台能打开浏览器的电脑上都能放映。对经常需要做化学课件的老师和被课件需求找上门的开发者，值得装一个试试。

官方地址：https://api.skillhub.cn/user_b0ac8c86/gzhxdh