下面的每一张图，都是使用 Claude 制作的，大部分是 svg 格式导图片，小部分是 html 截图：
大家主要看设计和版式，图片里的文字内容没有经过设定，基本是 AI 生成，文字内容没有参考价值；最后 2 张的灵感来自于@云中江树老师，这里超级感谢一下！
上面画面的代码我全都放在这个多维表格模板中了，大家复制网址打开，右上角点击「使用该模板」就可以看见详细代码和使用：
https://a80cyp5nki.feishu.cn/base/OWq3bHmwxaBloCsqfeZcNGrTnSb?from=from_copylink
这个是我使用了一个自己写的玄学提示词之后制作的图片，前两个是动图：
原本想多尝试一些案例发上来的，但是 deepseek 崩溃了……
之所以称之为“玄学提示词”，是因为这个看起来可能还有点乱七八糟不知所云也不完整，来源于我在做一个 html 的时候反复向 DeepSeek 提示后，在得到了相对比较满意的结果后，向它提出总结和整理并且系统化我之前提出的所有提示词要求，最后 DeepSeek 反推整理给我后我再整理的。使用它的方式很简单，只要在提示词最后将自己的要求和文案放上去就可以。上面第 2 部分绝大多数图片都是这样推导来的。
下面是完整代码，最后一段我标注了！！！的位置可以进行内容修改，其他我留空的地方可改可不改，不改也不用担心，享受快乐抽卡，AI 会帮你改，如果效果不好的话可以继续抽卡。来尝试一下吧，期待大家评论区的返图！
注意：
一定要限定输出格式比如“输出为 html 格式代码”，有时间还可以尝试限定分辨率
这个在 Claude 3.7 和 DeepSeek 都可以使用，但是效果不一定特别稳定
这个提示词不是万能的，仅供参考~
1. 一个很粗暴的复现卡片效果的的方式
直接使用参考图，比如我在用 Monica 中的 Claude3.7 反推一个海报的流程如下：
首先在 canva 上找一张文字海报图，发给 Claude 作为参考（叠甲：我是 canva 会员），这里我用的是 Monica 的 Claude 3.7，其他反推图片代码的 AI 可能就不太理想，豆包可以试一下，但是效果看运气。
注意：做内容要有版权意识，参考图不要随便用网络上别人的，除非你能改到完全面目全非不像原图或者你有这个图的商用权利。
