1.素材来源

最近看到了鱼皮哥的这个项目的架构图绘制的真的非常的不错，所以学习了一下，正好一个大佬发了一篇使用cursor进行绘图的文章，我觉得很nice，绘制的效果如下图所示：

看看这个配色，看看这个框图的感觉，就非常的不错吧，什么，还不过瘾，再给你整一个高级的：

下面的这个curosr生成的对应的架构图我觉得应该是足够高级了：这个图也是我的参考图，来自于一位大佬的文章，根据这个文章作为模版，才有了我上面的这个图，我让cursor模仿的这个图的风格进行上面的架构图的绘制；

还不过瘾，看看下面的这个：这个是根据我之前学习鱼皮的AI超级智能体写的一个文章生成的：

想不想学？先点一个关注，然后我们直接开整

2.cursor配置

首先，你要知道这个cursor是什么，因为我下面的这个教程都是基于cursor去进行这个讲解和说明的：cursor就是一个生成代码类似的这个AI工具，他的这个背景和我们的vscode长得贼像；

按照下面的这个进行配置：

添加新的规则：add new rule

起名，并且输入这个prompt具体的详细内容：这个具体的内容非常的多，也就是我们的提示词，我们的最终的效果图的效果好不好，对于这个提示词的依赖性很强,所以我们的这个提示词最好是一样的，不然可能是无法达到这个类似的效果的；

但是这个prompt很长，1300多个字，想要获取的伙伴，点击阅读原文就可以找到了，或者关注我之后后台私信一下，也是可以的；

3.正确的提问方式

我们的这个架构图是给予文章生成的，也就是你看到的我的封面就是我之前写的一个文章使用cursor进行总结的，我看的那个作者的教程写的不够详细，我猜了一些坑，我把我踩过的坑和大家说一下，大家不要犯类似的这个错误：

3.1典型错误方式一

最开始，我是直接甩了一个文章的链接，就是我的公众号的文章，让他生成，但是这个结果非常的拉稀，我就不放了，因为这个链接我们的cursor无法进行有效的读取；避坑

下面的这个错误和上面的是类似的：只要是链接，这个效果就不是很理想；

3.2典型错误方式二

刚开始这个默认的模式是auto，这个不行，我们需要换成这个claude3.7，这个模型的配置，大家也是需要注意一下的，也就是使用的是智能体模式，借助claude3.7进行处理的；

3.3正确提问方式

你把这个文章的内容cv一下，全部整进去，让这个cursor给予文章的内容生成，你可以给他一个上面的图，说生成一个类似于这一张图片的，这样的效果就会好一些了：

3.4svg转换为图片

cursor生成的是类似于下面的这一对代码：这个事svg，我们需要进行转换

我们在浏览区找一个这样的工具就可以了：把cursor生成的代码放进去，右边就看到结果

点击右上角的这个全局预览，就可以看到这个整体效果，还可以下载成为png都是没问题的；

文章开头的另外一个架构图也是可以进行正常的转换的：大家可以去尝试一下

下面的这个也是同理，大家可以使用自己的文章进行测试：

去尝试一下

[外链图片转存中…(img-Y7VOc5PE-1746020001964)]

下面的这个也是同理，大家可以使用自己的文章进行测试：