id: 667e5530ca76454b93b36f8a5f7f32ae
parent_id: 
item_type: 1
item_id: 486e00c13df845398fb22ab39bbe1c09
item_updated_time: 1764345627506
title_diff: "[{\"diffs\":[[1,\"啊？Claude 3.7画SVG的提示词是什么？\"]],\"start1\":0,\"start2\":0,\"length1\":0,\"length2\":24}]"
body_diff: "[{\"diffs\":[[1,\"<html>\\\r\\\n<head>\\\r\\\n  <title>啊？Claude 3.7画SVG的提示词是什么？</title>\\\r\\\n  <basefont face=\\\"微软雅黑\\\" size=\\\"2\\\" />\\\r\\\n  <meta http-equiv=\\\"Content-Type\\\" content=\\\"text/html;charset=utf-8\\\" />\\\r\\\n  <meta name=\\\"exporter-version\\\" content=\\\"YXBJ Windows/608924 (zh-CN, DDL); Windows/10.0.0 (Win64); EDAMVersion=V2;\\\"/>\\\r\\\n  <meta name=\\\"content-class\\\" content=\\\"yinxiang.peso.superNote\\\"/>\\\r\\\n  <meta name=\\\"application-data:yinxiang.noteLayout\\\" content=\\\"{\\\"lineSpace\\\":\\\"recommend\\\",\\\"paragraphSpace\\\":\\\"recommend\\\"}\\\"/>\\\r\\\n  <style>\\\r\\\n\\tbody, td {\\\r\\\n\\t  font-family: 微软雅黑;\\\r\\\n\\t  font-size: 12pt;\\\r\\\n\\t}\\\r\\\n  </style>\\\r\\\n</head>\\\r\\\n<body>\\\r\\\n<a name=\\\"39895\\\"></a>\\\r\\\n<h1>啊？Claude 3.7画SVG的提示词是什么？</h1>\\\r\\\n\\\r\\\n<div><span style=\\\"margin:0px;\\\"><div style=\\\"padding:8px 0px;margin:8px auto;max-width:700px;\\\"> <div><span></span></div>\\\n<p></p>\\\n<div style=\\\"--en-blockquote:true;box-sizing: border-box; padding-left: 19px; padding-top: 6px; padding-bottom: 6px; border-left: 3px solid #b4c0cc; background-position: initial initial; background-repeat: initial initial; margin-top: 6px\\\"><div>原文链接: <a href=\\\"http://mp.weixin.qq.com/s?__biz=MzA4OTU3NzQ2OA==&amp;mid=2661535921&amp;idx=1&amp;sn=dffa79f9b434b9954690e3ee7a1d93ec&amp;chksm=8a3d738c72b31df16d7aabc6d75253f7a6b40c844081a76011ae31be53d78a0aa1a66e0c1f17&amp;mpshare=1&amp;scene=1&amp;srcid=0415vK30RcKvQKwJf0lGYb0p&amp;sharer_shareinfo=c08386b9a88e6baf25a2ce98b69fcff7&amp;sharer_shareinfo_first=c08386b9a88e6baf25a2ce98b69fcff7#rd\\\"><span>http://mp.weixin.qq.com/s?__biz=MzA4OTU3NzQ2OA==&amp;mid=2661535...</span></a></div></div>\\\n<p></p>\\\n<div><span></span></div>\\\n<div style=\\\"\\\"><div><div><h1 style=\\\"margin:0\\\"> 啊？Claude 3.7画SVG的提示词是什么？ </h1><div><span style=\\\"position:relative\\\">原创</span><span><span style=\\\"position:relative\\\">zlbigger</span></span><span><a style=\\\"position:relative\\\"> 把自己产品化 </a></span><span><em></em></span></div><div style=\\\";\\\"><div><span><img src=\\\":/1a37bd7609c64330b09f3d2cc0cd5ce4\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;height: auto !important;\\\"/></span></div><div><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">前几天不是随手发了篇这个么：</span></div><div><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\"><a href=\\\"https://mp.weixin.qq.com/s?__biz=MzA4OTU3NzQ2OA==&amp;mid=2661535822&amp;idx=1&amp;sn=53b1c8e12df494672e4f00fa1c1d7d41&amp;scene=21#wechat_redirect\\\" style=\\\"\\\" target=\\\"_blank\\\">有了 Claude 3.7，万物皆可 SVG</a></span></div><div><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">没想到阅读量还挺大，更让我意外的是，很多朋友在后台问提示词。</span></div><div><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">我也是满脸问号，以为自己说的很清楚了……</span></div><div style=\\\"text-align: center;\\\"><img src=\\\":/13ca9d43fd1d4d258b49eb80c46434b1\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;height: auto !important;\\\"/></div><div><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">我的意思其实就是我的提示词就是「</span><span style=\\\"color: rgba(0, 0, 0, 0.9);font-family: Optima-Regular, PingFangTC-light;font-size: 17px;font-style: normal;font-variant-ligatures: normal;font-variant-caps: normal;font-weight: 400;letter-spacing: 0.544px;orphans: 2;text-align: justify;text-indent: 0px;text-transform: none;widows: 2;word-spacing: 0px;-webkit-text-stroke-width: 0px;background-color: rgb(255, 255, 255);text-decoration-thickness: initial;text-decoration-style: initial;text-decoration-color: initial;display: inline !important;float: none;\\\"><span>请根据我提供的的内容画一张 SVG 图：输入的内容</span></span><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">」</span></div><div><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">那我单独写一篇吧，看来还是要把什么组织结构图，甘特图，矩阵图，关系图，思维导图之类的都拿出来说一下了……</span></div><div><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">我们就以这个业务为例：</span></div><div><div><pre><div style=\\\"--en-codeblock:true;--en-meta:{&quot;title&quot;:&quot;&quot;,&quot;lang&quot;:&quot;Plain Text&quot;,&quot;theme&quot;:&quot;default&quot;,&quot;showLine&quot;:true,&quot;lineWrap&quot;:true};box-sizing: border-box; padding: 8px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial; margin-top: 6px;\\\"><span>案例：在线订单处理流程</span><div><span>描述： 这是一个简单的在线订单处理流程，涵盖了从客户下单到订单完成的各个环节。这个流程需要显示多个部门的协作，包括销售、仓库和物流部门。</span></div><div><span>业务流程描述：</span></div><div><span>客户下单：</span></div><div><span>客户在网站上选择商品并完成购买。</span></div><div><span>销售部门接收订单并验证订单信息。</span></div><div><span>订单确认：</span></div><div><span>销售部门确认客户信息，生成订单并发送确认邮件。</span></div><div><span>如果订单信息不完整，客户会收到提醒并重新填写。</span></div><div><span>仓库处理：</span></div><div><span>销售部门将订单信息传递给仓库部门。</span></div><div><span>仓库根据订单进行商品备货。</span></div><div><span>商品准备完毕后，仓库通知物流部门进行发货。</span></div><div><span>物流配送：</span></div><div><span>物流部门根据仓库发出的配送单进行配送安排。</span></div><div><span>物流部门将商品送到客户指定地址，并确认签收。</span></div><div><span>订单完成：</span></div><div><span>客户确认收货后，订单标记为完成。</span></div><div><span>销售部门发送订单评价请求，邀请客户进行评分和反馈。</span></div></div></pre></div></div><div style=\\\"text-align: center;\\\"><img src=\\\":/d39c0cab31e5446688e3a87e57be1f7c\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;height: auto !important;\\\"/></div><div><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">提示词：</span></div><div><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">根据我输入的内容创建一个流程图svg，展示[过程/任务]的步骤。包括[步骤1]、[步骤2]、[步骤3]等，清晰标注每个步骤，并用箭头连接它们，确保流程逻辑清晰且易于理解：[复制前面的业务内容]</span></div><div style=\\\"text-align: center;\\\"><img src=\\\":/de7fbc9defdf4891a5f9b9988b3f1b72\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;height: auto !important;\\\"/></div><div><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">提示词：</span></div><div><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">根据内容设计一个泳道图svg，展示[过程/任务]在不同部门或实体之间的分工与流程。为[部门1]、[部门2]、[部门3]等创建独立泳道，展示它们之间的交互与流程：</span><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">[复制前面的业务内容]</span></div><div style=\\\"text-align: center;\\\"><img src=\\\":/59fd7dd7416e46f3bfaa28cd3575d58c\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;height: auto !important;\\\"/></div><div><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">提示词：</span></div><div><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">根据用户输入的内容生成一个甘特图svg，<span style=\\\"color: rgb(61, 167, 66);font-weight: bold;\\\">颜色用红配绿</span>，用于展示[项目名称]的任务和进度。列出任务如[任务1]、[任务2]、[任务3]等，并标注每个任务的开始和结束时间，显示任务之间的依赖关系和关键节点：</span><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">[复制前面的业务内容]</span></div><div style=\\\"text-align: center;\\\"><img src=\\\":/63958408c23a45428ada914b4a22329a\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;height: auto !important;\\\"/></div><div><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">提示词：</span></div><div><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">根据用户输入的内容创建一个架构图svg，展示[系统/技术]的结构。包括[组件1]、[组件2]、[组件3]等，描述它们之间的关系和数据流动。每个组件用明确的图形表示，箭头指示它们如何交互：</span><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">[复制前面的业务内容]</span></div><div><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">如果你不要求svg，它默认是</span><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">Mermaid输出的一个文件：</span></div><div style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\"><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">ps：Mermaid 就像是一个“画图助手”，它能帮你用简单的文字代码快速生成各种图表，比如流程图、时序图、饼图啥的。你不需要自己动手画线条或者调整位置，只要写几行像“英语+小命令”那样的代码（比如 A --&gt; B 表示 A 连到 B），Mermaid 就会自动把这些变成漂亮的图。它特别适合程序员或者喜欢高效做事的人，因为它省时省力，生成的图还能直接用在文档或网页里。</span></div><div><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">比如：</span></div><div><pre><div style=\\\"--en-codeblock:true;--en-meta:{&quot;title&quot;:&quot;&quot;,&quot;lang&quot;:&quot;Plain Text&quot;,&quot;theme&quot;:&quot;default&quot;,&quot;showLine&quot;:true,&quot;lineWrap&quot;:true};box-sizing: border-box; padding: 8px; font-family: Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial; margin-top: 6px;\\\"><span>graph <span>TD</span></span><div><span>    <span>A</span><span>[烧水]</span> --&gt; <span>B</span><span>[放面]</span></span></div><div><span>    <span>B</span> --&gt; C<span>[加调料]</span></span></div><div><span>    C --&gt; D<span>[等三分钟]</span></span></div><div><span>    D --&gt; E<span>[开吃！]</span></span></div></div></pre></div><div><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">对应的图是这样的：</span></div><div style=\\\"text-align: center;\\\"><img src=\\\":/1271380c73a045e5845d0a4c674735f3\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;height: auto !important;\\\"/></div><div><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">提示词：</span></div><div><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">创建一个鱼骨图，用于分析产品质量差的根本原因。使用‘人员’、‘过程’、‘设备’、‘材料’等类别来分类可能的原因。</span></div><div><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">如果我不强调svg，默认给的是一个</span><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">Mermaid渲染的图：</span></div><div style=\\\"text-align: center;\\\"><img src=\\\":/1c16252e75ca46919df753e4074bd560\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;height: auto !important;\\\"/></div><div><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">如果你加一个要求是SVG，出来的图是这样的：</span></div><div style=\\\"text-align: center;\\\"><img src=\\\":/f735ff67b9c6478fb426e7810993ccba\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;height: auto !important;\\\"/></div><div><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">提示词：设计一个拓扑图，展示企业局域网的结构。包括服务器、交换机和路由器等节点，展示它们之间的连接关系。</span></div><div><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">不提要求，默认的：</span></div><div style=\\\"text-align: center;\\\"><img src=\\\":/2b6a921577c44e8786d508b05482a50e\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;height: auto !important;\\\"/></div><div><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">要求输出svg之后：</span></div><div style=\\\"text-align: center;\\\"><img src=\\\":/008e4b519e9c41ef8999060a866dcae1\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;height: auto !important;\\\"/></div><div><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">这俩的区别就是：</span></div><div style=\\\"text-align: center;\\\"><img src=\\\":/e1435e881f4d4261a6ccf71d1c67de3f\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks:%7B%22align%22%3A%22center%22%7D;height: auto !important;\\\"/></div><div><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">除此之外，其实还可以很多“玩法”：</span></div><div><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">演示太阳 地球 月球的关系。</span></div><div><span style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\">数学公式可视化</span></div><div style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\"><span>用公式画出来的动态艺术作品</span></div><div><span></span></div><div style=\\\"font-family: Optima-Regular, PingFangTC-light;\\\"><span><br/></span></div><p style=\\\"margin:0\\\"></p><p style=\\\"margin:0\\\"></p></div></div></div></div></div></span>\\\n</div></body></html>\\u0000\"]],\"start1\":0,\"start2\":0,\"length1\":0,\"length2\":11703}]"
metadata_diff: {"new":{"id":"486e00c13df845398fb22ab39bbe1c09","parent_id":"f67288c3a0be4374b5d532b5dcc3aabc","latitude":"0.00000000","longitude":"0.00000000","altitude":"0.0000","author":"","source_url":"","is_todo":0,"todo_due":0,"todo_completed":0,"source":"joplin-desktop","source_application":"net.cozic.joplin-desktop","application_data":"","order":1764348842136,"markup_language":2,"is_shared":0,"share_id":"","conflict_original_id":"","master_key_id":"","user_data":"","deleted_time":0},"deleted":[]}
encryption_cipher_text: 
encryption_applied: 0
updated_time: 2025-11-28T21:04:12.022Z
created_time: 2025-11-28T21:04:12.022Z
type_: 13