
Anima 是一款面向 Claude Code 的 Skill,能够将生物学、各类科学概念,直接转化为独立可交互的科学可视化图表与动态演示页面。

你只需向 Claude 提出科学问题,例如对比可卡因与安非他命在多巴胺突触上的作用差异,Anima 就会输出一份完整独立网页,包含真实生物结构、可切换的作用机制、配套读数,图内每一项数据都附带文献引用来源。
设计原则
Anima 对科学可视化设定了严格标准:
- 还原真实结构:受体、转运体、囊泡、脑区、化学结构式都按真实形态绘制;比喻类模型会明确标注为隐喻。
- 全部数据附引用:半衰期、同源性、实验样本量等数值附带来源与实验条件;无法验证的数据不会随意填充。
- 标注证据可信度:区分已定论结论与前沿假说,区分动物实验与人体研究,明确标注证据强弱。
- 交互具备教学意义:动画不只是装饰,切换控件可以模拟受体阻断、转运体抑制、葡萄糖浓度变化等不同条件,直观观察机制变化。
- 仅作科普,不构成医疗建议:药物相关图示只解释底层作用机制,不含给药剂量、给药方式、用药方案等医疗指导内容。
安装要求
npx skills add Garinmckayl/anima -g -a claude-code
依赖:Claude Code,Node.js 20.10 及以上版本。绘图工具包仅使用 Node 内置模块,无额外运行时依赖;Chrome / Chromium 仅用于脚本捕获与验证。
使用示例
在 Claude Code 内通过 /anima 指令生成可视化:
/anima show how cocaine and amphetamine act differently at the dopamine transporter, with a drug selector and sourced mechanisms; standalone HTML
/anima visualize semaglutide acting on a pancreatic beta cell, with glucose-dependent insulin release, cited label numbers and an educational-use note
/anima show D1 and D2 receptor signalling in a striatal neuron, with the G-protein cycle and a receptor-antagonist toggle
/anima make a mid-sagittal brain showing the mesolimbic pathway and one model of how it changes with repeated drug exposure; cite every claim
/anima show how CRISPR-Cas9 finds and cuts a target sequence, with a guide-mismatch toggle and cited cleavage numbers
/anima animate the mitochondrial electron transport chain with a proton-gradient readout and an inhibitor toggle
使用时描述主题、机制、目标受众和输出格式。工具会先评估复杂度(Figure / Hero / Epic),检索文献来源,构建页面,并在桌面、移动端视图下完成校验。
生成图表自带能力
- 标准化卡片布局:编号、标题、交互提示、实时读数分区展示。
- 内置小型模型驱动动画与数值变化。
- 鼠标悬停/键盘聚焦,查看对应部件的文字说明。
- 播放控制:空格暂停;支持系统减少动画偏好设置,页面切后台自动停止动画。
- 参考文献区块、精简要点,附带声明:内容仅用于科普,不作为医疗建议。
- 原生支持浅色、深色两套主题。
自定义开发
可基于现有示例修改,快速制作新的科学演示:
node examples/dopamine-receptors/build.mjs
node examples/dopamine-receptors/build.mjs --light
build.mjs 引入绘图工具包,输出独立网页。工具包包含:blob.mjs(有机形态)、branch.mjs(分支结构)、chem.mjs(分子、螺旋、带状结构)、bio-audit.mjs(校验结构、标签、比例)。WebGL 着色器与3D模式作为可选扩展。
配套脚本:make-demo.mjs(录制演示视频,依赖Chrome+ffmpeg)、capture.mjs、drive.mjs、lines.mjs,用于自动化页面检查,开发规范见 CONTRIBUTING.md。
相关导航


ClaudeKit

yuwen-publish-precheck

i-have-adhd

open-slide

deep-research Skill

oh-story-claudecode







