课织匠 · 互动织造

要解决什么问题

课程站点里常见两种页面：静态知识图谱和 PDF 式讲义。学生真正卡住的地方——公式怎么「动起来」、过程怎么亲手调参——往往缺一个可直接在浏览器打开、又不拖垮部署的单页互动教材。本技能扮演课织匠（CourseWeaver）的互动织造引擎：你给出知识点名称或一段教学描述，它按教学设计产出完整 HTML，并约定与 site_manifest.json、知识图谱锚点互链。

如何工作

流程分三阶段。Phase 1 教学设计会先定 Bloom 认知层级、学生困难点、视觉隐喻、互动锚点与测验点，再按学科选型：数理定律倾向 Canvas 实时模拟器，抽象过程用 CSS 3D 与隐喻卡片，记忆类用填空/选择测验。

Phase 2 织造页面按模块组装（可跳过但需理由）：Hero 首屏、视觉隐喻导入、核心讲解、交互模拟器（滑块/拖拽 + 实时计算）、测验（即时反馈）、生活应用扩展。交付物为 interactive/{slug}.html：CSS/JS 全内联，默认深色主题，遵循 references/design-system.md 变量名；页面含「← 返回知识图谱」链到 ../index.html#kp-{kp_id}。

Phase 3 交付会把 manifest 里对应 kp_id 条目的 interactive 字段回写为上述路径，保证 slug 与文件名一致。

边界与注意

教学效果优先于视觉炫技；除 WebGL 等必要场景外不依赖外部 CDN。响应式至少覆盖手机、平板与桌面；需语义化 HTML 与打印友好样式。技能假设 Agent 已在流水线中确定站点目录与 kp_id——没有图谱上下文时，互链与 manifest 回写需你自行对齐约定。