跳到正文
Skill 技能广场
返回 Skill 技能广场
内容创作

Anatomy · 交互原理图解

把抽象原理做成可以操作的立体图解,让结构、动画和数值一起解释变化。

原作者:Ryan(wheresryan22)版本 2026-11-02-1482e84更新于 2026-11-02

它能帮你做什么?

Ryan 提供的交互图解技能。让 Agent 将技术或科学原理转成具有具体结构的模型,用 SVG 等方式绘制零件、剖面与运动,并配套几何检查和浏览器验证。适合课堂演示、技术说明和可录屏的交互案例。

适合谁

需要制作教学演示、技术图解和互动说明的教师、创作者与开发者

什么时候用

静态图片很难讲清一个过程,希望让学生通过操作看见结构、受力和数值如何一起变化。

试着这样提问

“请使用 anatomy 制作潜水艇上浮与下沉的互动演示。把压载舱水位、总质量、浮力、重力和深度直接标在图中,数值与动画同步变化;先提供可操作预览,再检查物理关系和标注是否清楚。”

安装后把这句话发送给 AI,再根据自己的任务补充材料。

安装前准备

  • 具备文件读写、命令执行与浏览器能力的本地 Agent
  • 原项目要求 Node.js 20.10+;浏览器截图与交互检查需要 Chrome 或 Chromium
  • 保留完整原仓库中的 kit、scripts、references 和示例,不只复制 SKILL.md
  • 本站已用其制作本地潜水艇 SVG 演示;该任务的效果不代表所有主题效果,尚未进行 WorkBuddy 原生导入实测