Claude3.7 的九阳神功:SVG 绘制

推荐语

AI绘图新境界，Claude3.7展现强大SVG生成能力。

核心内容：
1. SVG绘图对AI大模型能力的综合考验
2. SVG（可缩放矢量图形）的基本概念与优势
3. Claude3.7生成SVG的实际应用案例展示

杨芳贤

53A创始人/腾讯云(TVP)最具价值专家

怎么测试一个AI大模型的能力？

问问它写代码？让它做推理？这些都太过于常规操作了。

其实有一个测试方向是最能揭示大模型底子：那就是让AI生成SVG图形。

之所以说SVG绘制最能考验模型能力，是因为这个测试不仅仅要求模型深刻的理解问题，同时还要把抽象问题进行具象化，再以强大的绘图能力来展示 ，按人类的说法就是左右脑都要发达。

什么是SVG

SVG（可缩放矢量图形）是一种基于XML的图像格式，不管放大多少倍都不会失真。

说得再简单一些，就是用一堆文本标签来表示图形。

使用文本标签来绘制图形有一个好处：因为大语言模型最擅长于处理文本，我们不需要具备绘画功底，以自然语言的形式，就能够让大语言模型输出标签绘制出各式各样的“画”。

与传统的位图（如JPG、PNG）不同，SVG通过数学公式定义图形，文件体积小，加载快，还能用代码直接操作和修改。在网页设计、数据可视化、交互式图表等领域，SVG已成为不可或缺的工具。

九阳神功

《倚天屠龙记》中，九阳神功是一种强大的内功，具有治愈伤势、增强内力的神奇效果。

以下是Claude生成SVG的部分展示：

描述"我需要一个太极图"，Claude生成对应的SVG代码，包含完美的曲线和对称的阴阳鱼。

以前可能会到处找图标库，也不一定能够找到合适的，那么现在可以直接让Claude现场编成，复制下来就可以用

提取用户输入的内容 然后将其编制成可视化的图表，对数据进行可视化SVG展示

SVG可以绘制任何东西，场景生成简约城市夜景，甚至是动态的流星划过也可以

如果我们需要制作PPT也能使用它来生成里面独立的页签，轻松制作PPT页面和里面相关的流程，下面的内容展示了一个从咖啡豆到咖啡的制作全流程：

有时候，我们需要阅读大量的文本才可以做出系统的总结，但是现在有了大模型，我们基本上就可以站在一个更高的角度，系统化地看待知识，例如《创世记》第一章的内容，Claude生成了精美的时间线图表。

决策树SVG代码，让Claude生成了一个从"饿了吗？"开始，包含多个"是/否"分支的完整决策流程图。非常适合于分析代码结构或者复杂的流程设计！

读书卡片，对课本教程内容进行提纯。哪怕是作为博客的插图，我觉得都非常的好看！

万物皆可SVG

Claude可以让设计师、开发者、数据分析师无需精通SVG语法，即可快速将想法转化为可用的图形代码。

就像张无忌练成九阳神功后能够驾驭更多高深武功一样，掌握了AI生成SVG的技巧，就能在视觉创意的江湖中游刃有余。

相关的演示提示词已发布在了字节笔记本星球：