# 化学反应到底怎么断键成键，让它变成能转着看的 3D 动画 —— edu-chem-reaction 介绍

代码仓库：https://github.com/liangdabiao/edulab/tree/master/skills/edu-chem-reaction

化学课上讲到"甲烷燃烧""酯化反应"这些，课本上大多是一行反应方程式，最多配几根化学键的示意图。可学生真正想看的是：原子到底是怎么断开旧键、连上新键、重新组合的？为什么反应前后原子总数一点没少？纸上的箭头，很难把这个过程演活。

edu-chem-reaction 就是来解决这件事的：你给它一个化学反应（写文字、写方程式、或者拍张图都行），它帮你在 AI 里产出一个能旋转缩放的 3D 网页——一边是分子在三维空间里断键、成键、重新拼装的动画，一边是配平好的方程式、分步讲解和"原子守恒计数器"，让你亲眼看见反应前后每个原子都去哪儿了。

![配图：化学反应变成能转着看的3D断键成键动画](assets/edu-chem-reaction/01.png)

## 它到底能做什么
- 把燃烧、化合、分解、置换、复分解等反应做成微观 3D 演示，让你拖着转、滚轮缩放。
- 用一根"反应进度"滑块，逐帧看化学键的断裂和生成、原子重新组合，关键步骤还会高亮加文字说明。
- 做氧化还原题很实用：能把电子怎么转移清清楚楚地画出来（比如钠和氯气反应）。
- 处理有机机理（如酯化反应）时，会专门展示催化剂和"过渡态"这种关键瞬间。
- 自动配平方程式，并校验"原子守恒"——反应前几种原子、几个，反应后还是那几个，不会算错。
- 还能叠加火焰、能量-反应进程曲线等效果，让放热、吸热一目了然。

![配图：甲烷燃烧看得见原子守恒](assets/edu-chem-reaction/02.png)

## 怎么用

你不需要记任何命令。在 codex / workbuddy 等 agent 装好 edu-chem-reaction 技能后，直接对 AI 说话就行：

**场景 1：复习甲烷燃烧**
你：帮我把"甲烷燃烧"做成一个能拖滑块看断键成键的 3D 网页，带火焰和能量曲线。
AI：AI 先帮你把方程式配平，再生成一个能旋转缩放的 3D 网页；你拖动"反应进度"滑块，就能看到甲烷和氧气的分子慢慢拆开、碳原子氧原子重新拼成二氧化碳、氢原子拼成水，右侧的原子守恒计数器始终不掉数。

**场景 2：搞懂氧化还原**
你：我想看钠和氯气反应时电子是怎么转移的，做成 3D 动画。
AI：AI 做一个 3D 演示，把钠失去电子、氯气得到电子的过程一步步高亮出来，配合文字说明，电子转移一目了然。

**场景 3：理解有机机理**
你：把酯化反应里催化剂和过渡态那一下演示给我看。
AI：AI 生成专门的 3D 片段，聚焦催化剂参与和过渡态形成的瞬间，帮你理解有机反应的关键步骤。

## 谁适合用
- 初高中化学老师做"微观世界"演示，把看不见的反应讲给学生看。
- 学生理解配平、守恒、氧化还原这些容易晕的概念。
- 科普作者做化学反应的科普动画。
- 需要分子级机理示意的教学内容制作者。

## 一点说明
这是个给 AI 用的技能（skill），不是普通人直接打开的 App；你通常把反应交给装好它的 AI，它帮你产出网页。底层用到的符号计算、分子模型这些都由 AI 在背后完成，你不必自己安装任何东西。如果你手上有更真实的分子构象数据，产出的模型会更逼真，但 AI 不会擅自改动你的电脑环境。具体能覆盖哪些反应、生成效果如何，以技能实际产出为准。

## 闲鱼接单文案

> 以下服务展示在闲鱼 / 淘宝服务市场发布，用于承接本 skill 的定制开发订单。

**标题：化学反应3D动画课件开发 skill软件开发**

**描述：**

专注 AI Agent 技能（skill）定制开发，已做出化学反应 3D 演示技能，现成作品可先看演示再下单。把"甲烷燃烧""酯化反应"这类方程式变成能旋转缩放的 3D 网页：用"反应进度"滑块逐帧看断键成键、电子转移高亮演示、自动配平方程式并带原子守恒计数器，还能叠加火焰和能量曲线。可按你的课程内容定制，全部源码交付、支持二次开发。

**服务内容：**

- 1、需求沟通梳理：先聊清楚要演示的反应清单和教学重点（配平 / 守恒 / 氧化还原 / 有机机理），确认目标学段，列明功能清单后再动手
- 2、skill交付内容和格式：可旋转缩放的 3D 动画网页：分子断键成键过程、反应进度滑块、配平方程式与原子守恒计数器、电子转移高亮、能量曲线
- 3、项目功能/系统开发：按你的课程定制反应库、动画节奏与讲解文案，可扩展整套课件批量生成等功能的开发与联调
- 4、skill源码交付：SKILL.md 技能说明 + 提示词 / 脚本 / 模板 / 网页样例组成的完整技能工程，兼容 codex / workbuddy 等 agent。全部源码 + 安装部署说明 + 使用演示，交付后可自行修改维护