使用cursor绘制文章的架构图(超详细教程)

使用cursor绘制文章的架构图(超详细教程)文章目录 1 素材来源 2 cursor 配置 3 正确的提问方式 3 1 典型错误方式一 3 2 典型错误方式二 3 3 正确提问方式 3 4svg 转换为图片 最近看到了鱼皮哥的这个项目的架构图绘制的真的非常的不错 所以学习了一下 正好一个大佬发了一篇使用 cursor 进行绘图的文章 我觉得很 nice 绘制的效果如下图所示 看看这个配色 看看这个框图的感觉 就非常的不错吧 什么 还不过瘾

大家好,我是讯享网,很高兴认识大家。这里提供最前沿的Ai技术和互联网信息。



文章目录

  • 1.素材来源
  • 2.cursor配置
  • 3.正确的提问方式
  • 3.1典型错误方式一
  • 3.2典型错误方式二
  • 3.3正确提问方式
  • 3.4svg转换为图片

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

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

使用cursor绘制文章的架构图(超详细教程)_#cursor

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

使用cursor绘制文章的架构图(超详细教程)_公众号_02

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

使用cursor绘制文章的架构图(超详细教程)_#cursor_03

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

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

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

使用cursor绘制文章的架构图(超详细教程)_#AI_04

添加新的规则:add new rule

使用cursor绘制文章的架构图(超详细教程)_#cursor_05

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

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

使用cursor绘制文章的架构图(超详细教程)_模版_06

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

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

使用cursor绘制文章的架构图(超详细教程)_4s_07

下面的这个错误和上面的是类似的:只要是链接,这个效果就不是很理想;

使用cursor绘制文章的架构图(超详细教程)_#AI_08

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

使用cursor绘制文章的架构图(超详细教程)_公众号_09

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

使用cursor绘制文章的架构图(超详细教程)_4s_10

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

使用cursor绘制文章的架构图(超详细教程)_4s_11

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

使用cursor绘制文章的架构图(超详细教程)_#cursor_12

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

使用cursor绘制文章的架构图(超详细教程)_#cursor_13

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

使用cursor绘制文章的架构图(超详细教程)_#AI_14

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

去尝试一下

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

使用cursor绘制文章的架构图(超详细教程)_#AI_15

小讯
上一篇 2026-04-05 23:19
下一篇 2026-04-05 23:17

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/221194.html