关于 learn-visual
learn-visual 是面向教学与学习会话的视觉制作技能，通过单一主张、绘图、检查和修订循环，生成可嵌入会话的 SVG。
主要功能
- 01围绕单一主张绘制图示
- 02优先使用 SVG 格式
- 03检查并修正图像问题
- 04将图像链接到会话文件
适用场景
- 01讲解代数关系或抽象概念
- 02为学习会话制作简明图示
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/learn-visual确认已加载。
详细介绍
学习可视化
一个想法，一张图。图的作用是让学习者接受这一步，而不是装饰。
输出
写入 .alvar/visuals/<slug>-<n>.svg（创建此文件夹）。在会话文件中嵌入或链接该图。
优先使用 SVG。只有当运行环境无法预览 SVG 时，才使用其他格式。
循环（不可跳过）
- 用一句话说明这张图必须表达的观点。
- 画出能表达该观点的最简单的图。
- 查看文件（使用图像/读取工具）。如果无法查看，请说明这一点，并让 SVG 保持足够简单，以便通过文本检查。
- 修正标签、重叠、错误的箭头、缺失的单位，或与观点不符的图。
- 再看一遍。确认效果良好后再停止，不要在初稿完成后就停下。
设计
- 只表达一个观点。不要拼贴整门课程的内容。
- 标签要大，对比度要高。不要放需要学习者再学一遍才能看懂的小图例。
- 如果想法是代数性的，就展示对象（箭头、平面、机器），而不是方程的截图。
- 不要添加装饰性渐变、水印或“AI 艺术”背景。
查看时要留意的问题
- 箭头方向与文字描述不一致
- 同一个对象用了两种符号
- 3D 效果遮挡了关系
- 文字被裁切
- 图展示的特殊情况与刚讲解的情况不同
完成后
告诉学习者先看哪里（“先看两支箭头，再看配对数字”）。除非他们提出要求，否则不要重新讲解整个节点。
评论
支持 Markdown