如何用 best-skills 快速画出抛物线、受力分析与电路图：七大学科教科书级配图完整指南
【免费下载链接】best-skills通用高质量 Skills 合集🔥项目地址: https://gitcode.com/gh_mirrors/be/best-skills
best-skills是一个面向 AI Agent 的通用高质量 Skills 合集。其中的drawio-diagram技能可以一句话生成七大学科教科书级配图：数学抛物线、物理受力分析、电路图、化学原子结构、生物细胞、地理圈层、历史时间轴——无需手写一行 XML，也无需手工调整坐标。
为什么 AI 画教科书插图很难？
自己用 Draw.io 画一张考试示意图，通常会踩这三个坑：
- 📐坐标精度：Draw.io 画布 y 轴向下，圆的弦端点、切点必须严格满足
(x−cx)²+(y−cy)²=r²，偏差 2px 就肉眼可见地"脱轨" - 📏符号规范：力箭头要实心粗体、辅助线要灰色虚线、刻度标签不能和轴线重叠
- 🎨学科惯例：物理电路图要正交走线、生物细胞要暖绿配色、历史时间轴要"主线+刻度+事件框"
best-skills 把这些规范全部沉淀成了参考模板，Agent 会照章生成标准.drawio文件，打开即用。
一键安装：3 步装进你的 Agent
git clone https://gitcode.com/gh_mirrors/be/best-skills- 把需要的技能文件夹复制到 Agent 的 skills 目录，例如 Cursor：
C:/Users/xs/.cursor/skills/，Claude Code：C:/Users/xs/.claude/skills/ - 重点复制 skills/drawio-diagram/ 整个文件夹
- 在对话里直接说出画图需求，Agent 会根据关键词自动触发该 Skill
三个示例 Prompt：抛物线、受力分析、电路图
| 学科 | 你只需说 | 得到什么 |
|---|---|---|
| 数学 | 「画 y=x² 的图像，标注顶点和刻度」 | 带坐标轴、刻度、顶点的标准抛物线 |
| 物理 | 「画物理斜面受力图」 | 斜面 + 物体 + 重力 G、支持力 N 力箭头 |
| 物理 | 「画含电压表的并联电路图」 | 并联支路 + 电流表 A 串联、电压表 V 并联 |
背后的模板都在技能目录里，例如：
- 抛物线完整示例（含 9 个控制点曲线拟合、顶点标注）：edu-math.md
- 斜面受力图（力箭头实心、标注粗体）：edu-physics.md
- 并联电路 + 电表位置规范：edu-physics.md
- 从零生成流程（需求分析→布局→XML→校验）：generation.md
七大学科教科书配图能力一览 📚
| 学科 | 支持图表 | 参考模板 |
|---|---|---|
| 数学 | 几何图形、坐标系、数轴、韦恩图、函数图像（抛物线/一次函数/三角函数） | edu-math.md |
| 物理 | 受力分析图、串联/并联电路图、光路图、运动轨迹图 | edu-physics.md |
| 化学 | 实验装置图、原子/分子结构、元素周期表局部 | edu-chemistry.md |
| 生物 | 细胞结构图、遗传图解、食物链/食物网 | edu-biology.md |
| 地理 | 经纬网、地球圈层、地形剖面、洋流示意 | edu-geography.md |
| 历史 | 时间轴、朝代更迭图、事件关系图 | edu-history.md |
| 语文 | 文章结构图、古诗词脉络图、句子成分分析 | edu-chinese.md |
官方预览示例可直接查看：edu-physics-circuit-series-parallel.drawio、edu-math-function-parabola.drawio、edu-physics-slope.drawio。
为什么生成的图够"教科书级"？
- 白底黑线规范：学科图统一
background="#FFFFFF"，主线条 1.5px 黑色，辅助线灰色虚线，和试卷插图一个味 - 精确坐标计算：圆上取点按三角函数换算，函数曲线用
curved=1多点拟合，见 edu-math.md 坐标映射规则 - 学科专属配色：生物偏绿暖色、地理蓝棕绿、历史节点色块分级，全部写在模板的配色表里
- XML 自检清单：标签闭合、ID 连续、连线端点存在等 6 项检查，杜绝"打不开的坏图"
不止学科配图：技术图也能画
drawio-diagram 同时覆盖技术场景——深度学习模型架构图、算法流程图、UML 时序图/类图，还支持风格迁移（上传参考图 + 描述内容 → 照风格出新图）：style-migration.md。
想要白板草图质感？配合excalidraw-diagram技能可输出标准.excalidraw手绘风图表，适合发给非技术同事：
实用技巧清单
- 说清楚"标注什么"：「画 y=2x−1 函数图像，标注截距」比单纯「画个函数图」效果好得多
- 生成后直接导出：在 Draw.io 中打开
.drawio文件，File → Export as → PNG/SVG/PDF，论文插图一键搞定 - 同坐标系多函数：直接说「同一坐标系画 y=x² 和 y=2x，标出交点」，技能会用不同颜色区分曲线
- 风格统一：批量出题配图时上传一张满意成品作为参考图，后续图表自动对齐风格
七大学科、三种模式（从零生成 / 风格迁移 / 手绘风），一句话出图。把 skills/drawio-diagram/ 装进你的 Agent，教科书级配图从此一步到位 ✍️
【免费下载链接】best-skills通用高质量 Skills 合集🔥项目地址: https://gitcode.com/gh_mirrors/be/best-skills
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
