Claude画不了照片但能画SVG：10条现成提示词

原文要点

日文实测文指出Claude不能直接生成照片级（光栅）图像，正路是让它输出SVG/Mermaid/Python等代码来组画。作者实测"赏月兔子"SVG提示词68.9秒返回31个零件（圆18、椭圆7、矩形4、线2）共13色；给出了10条可复制提示词，覆盖SVG插画、双色图标、两色内logo、HTML+CSS动效、SVG图解、Mermaid流程图、matplotlib柱状图（需加字体行防日文乱码）、16:9 HTML幻灯封面、为其他图像AI写提示词、照片氛围转文字。实测发现"仰望"姿势未体现在图中、脚鼻口被省略，提醒成品必须亲眼看；照片级需求建议转给Gemini等图像AI，Claude答的Gemini Plus月费曾与官方页面不符。

这次做成什么

用Claude通过"生成代码而非直接出图"的方式做出可放资料/SNS的插画、图标、图解和图表，并学会把照片级需求转交图像AI。本站练习：完成一幅SVG插画→存为.svg浏览器预览→手动改色号→再跑一条图解类提示词。

准备什么

• 一个可用的Claude账号（免费档可试，次数上限以实际为准）
• 任意纯文本编辑器（记事本/VS Code）用于保存.svg/.html文件
• 现代浏览器（Chrome/Edge）用于拖入预览SVG和HTML
• 仅跑matplotlib提示词时需要本地Python环境，其余不需要

具体怎么做

1. 发第一条SVG插画提示词

   打开Claude对话，粘贴材料"绘图四连"中的提示词①，把［ ］里的题材换成自己的（如"雪夜里的自动售货机"）。等它完整输出代码；若中途截断，追加"请从截断处继续输出剩余代码"。

2. 把代码变成图

   在回答中框选从<svg开始到</svg>结束的全部内容复制，粘进记事本，另存为文件名以.svg结尾（编码选UTF-8），然后把文件拖进浏览器窗口即可看到图。需要位图时对浏览器里的图截图。

3. 自己微调而不再问AI

   在代码里找fill="#XXXXXX"形式的色号直接改，如把夜空#1b2a4a改成#0d1b2a；想挪某个零件，回到Claude说"只把兔子的头（圆）上移一点，其他不变"，避免整幅重画。

4. 跑图解与图表类提示词

   把"图解四连"中⑤~⑧任一条的［ ］替换为自己的流程或数据发出：Mermaid代码可粘到支持Mermaid的编辑器预览；HTML幻灯存成.html全屏播放；matplotlib代码在本地Python运行出PNG，中文乱码时检查字体行是否生效。

5. 照片级需求走转交路线

   需要真实感图片时，发"转交二连"的⑨让Claude为Gemini/ChatGPT图像生成写中英各3条提示词，再把选中的提示词粘到对应图像AI里出图；有满意参考照片时用⑩先转成文字描述。

可直接复制的材料

① SVG插画：
请用简洁的SVG画一幅［赏月的兔子］插画，SVG代码不要省略，完整输出到本对话正文中。

② 双色图标：
请用SVG制作一个［手拿笔记本电脑的人物］图标，用于内部资料：正方形画布、线条粗细统一、只用［藏青］和白色两种颜色、不含任何文字，只返回SVG代码。

③ logo草案：
请为［咖啡店"月之轮"］设计3个SVG logo草案，造型由［月亮与热气］组合而成，每案最多用2种颜色，文字只用英文［TSUKINOWA］。3个案分别输出独立代码，并各用一行说明彼此差异。

④ HTML动效：
请只用HTML和CSS制作［夜空中星星缓慢闪烁］的动画，全部合并为一个HTML文件，不使用JavaScript，浏览器直接打开就能播放。

⑤ SVG图解：
请把以下流程画成一张横向SVG图解：只用矩形和箭头、最多3种颜色，每个矩形下方附一句说明。流程：［收到咨询 → AI生成回复草稿 → 负责人确认 → 发送］。

⑥ Mermaid流程图：
请用Mermaid流程图描述［新员工报销］流程，分支条件为［是否有发票］和［金额是否超过1万元］两个。只返回代码，最后附两行读图说明。

⑦ matplotlib柱状图：
请根据下面粘贴的表格数据，用Python的matplotlib画柱状图并保存为PNG。为避免中文项目名乱码，请加入指定中文字体的行（如 plt.rcParams['font.sans-serif']=['SimHei'] 和负号修复行 plt.rcParams['axes.unicode_minus']=False），数据直接用我粘贴的表，不要改写数字。［在此粘贴表格］

⑧ 16:9 HTML幻灯封面：
请用HTML制作一张16:9横版培训封面幻灯片，标题为［用AI做资料的3个步骤］，3个步骤用3个矩形横向排列，白底、藏青单色，不使用阴影和圆角。

⑨ 为图像AI写提示词：
我打算用图像生成AI制作博客封面，主题是［整理居家办公桌的技巧］。请分别写出可直接粘贴到ChatGPT和Gemini图像生成功能的提示词，中文和英文各3条。要求成品为照片质感、不出现人脸、图中不含任何文字。

⑩ 照片氛围转文字：
（先上传一张照片）请把这张照片的氛围改写成能交给图像生成AI的描述：光线方向、色调、时间段、构图、拍摄距离各占一行，最后附一条把以上要素汇总成英文的完整提示词。

输入与输出示例

本站虚构演示，非原作者实测结果，未实际调用Claude；零件数和颜色会因每次生成而不同。

输入

用提示词①，把［赏月的兔子］替换为"雪夜里亮着灯的一台红色自动售货机"后发给Claude。

对应输出

示意返回的关键代码行（本站虚构）：<rect width="400" height="300" fill="#0d1b2a"/>（夜空）、<circle cx="330" cy="55" r="6" fill="#fdf6d8"/>（雪点之一）、<rect x="150" y="90" width="110" height="170" rx="8" fill="#c1272d"/>（售货机机身）、<rect x="165" y="110" width="80" height="60" fill="#ffe9a8"/>（发光橱窗）。把整段另存为machine.svg拖进浏览器即看到夜景售货机。

做完检查这些

• 保存的文件名以.svg结尾，拖进浏览器能显示完整画面而非代码文本
• 修改fill色号后刷新浏览器，画面颜色随之改变，无需再次请求AI
• ⑦生成的PNG中中文项目名正常显示，不出现方框乱码
• ⑨的输出包含中文3条和英文3条，且写明"不出现人脸、不含文字"条件

容易卡住的地方

• Claude不生成照片级/写实厚涂图像，这类需求直接转Gemini等图像AI，别干等
• 姿势、视线等细节常不兑现（原文实测"仰望"未画出），成品必须亲自打开检查
• SVG内文字按查看者电脑字体渲染，logo阶段避免放日文/中文字
• AI报出的价格可能出错（原文中Gemini Plus月费与官方不符），付费信息以官方页面为准
• 想要的零件要逐个点名（如前脚、鼻子、嘴），否则简洁风格下会被省略