Claude3.7的SVG绘图提示词分享,总结文章很实用

一直为汇报材料中PPT内容过于单调、排版配色复杂头疼,最近看到一篇文章介绍用Claude3.7的SVG绘图功能,既能总结文章内容,又适合自媒体配图和PPT排版,体验下来真不错。
下面分享两个提示词:

提示词1:简洁版

请仔细阅读提供的文章或段落,分析其内容,创建一个概念化的SVG信息图表:

1、识别核心概念、关键关系和整体结构
2、设计一个抽象层次的图表,不仅仅是知识点的罗列,而是要表达概念间的联系和系统性思维
3、使用适当的视觉元素(如几何形状、连接线、色彩编码)来传达深层含义
4、确保图表具有清晰的视觉层次和直观的信息流动
5、采用SVG格式,充分利用其矢量特性创建精确的视觉表达

提示词2:花哨版

请仔细阅读下面的文章,并按照以下步骤创建一个引人入胜且信息丰富的SVG知识图解:
1. 分析阶段:
• 识别并提取文章中的核心概念、关键观点和它们之间的逻辑关系
• 确定最适合表达这些内容的图解类型(思维导图、流程图、概念图、比较图等)
• 考虑目标受众和他们的认知需求
2. 设计阶段:
• 创建清晰的视觉层次结构,突出最重要的信息
• 使用适当的视觉隐喻和符号,使抽象概念更容易理解
• 应用一致的配色方案(3-5种互补色),增强可读性和美感
• 平衡文字与视觉元素,确保简洁性和完整性
• 使用视觉分组、对比和空间关系传达概念间的联系
3. 优化阶段:
• 简化复杂信息,去除不必要的细节
• 确保图解自成一体,无需原文也能传达完整信息
• 验证图解是否准确反映了原文的核心思想
请使用SVG格式创建这个知识图解,确保它既能独立传达核心信息,又能以视觉上吸引人的方式呈现。图解应该是概念性的,而不仅是文本内容的重新排列。

效果展示


生成结果

Claude SVG绘图能力概览

对比其他模型

Claude 与其他大模型就 SVG 绘图生成效果对比(使用提示词1,对同一篇文章进行绘图总结)。

Gemini 2.0 Pro:

DeepSeek V3:

GPT-4o:

Claude 3.7 Sonnet:

Claude 3.5 Haiku:

参考来源:https://mp.weixin.qq.com/s/UV4MfAS3IQsnjTTb7qF-pw

124 个赞

很好的探索

1 个赞

哇,这个好用!

1 个赞

SVG的神

1 个赞

很棒的样子

1 个赞

赞,谢谢佬

1 个赞

我发现svg排版很容易出现问题,让改几遍都没能改正。

1 个赞

是的,有瑕疵的地方手动导到SVG在线编辑器手动修改下了 :grinning_face_with_smiling_eyes:
https://www.jyshare.com/more/svgeditor/

4 个赞

感谢热佬,收藏备用了

1 个赞

确实好用

1 个赞

感谢分享这个

1 个赞

这个不错

1 个赞

谢谢佬友分享!!

2 个赞

谢谢佬友分享

1 个赞

这个不错,用得着

1 个赞

很实用。感谢分享

666 感谢

画的真不错,除了位置感稍微有点怪

开拓思路了

svg还是只有claude-sonnet最厉害

不过用html的话 deepseek-0324和gemini-2.5-pro都不错 之前坛子里有人分享过提示词

https://linux.do/t/topic/511881

1 个赞