以下内容基于「用 Claude 4 把 Twitter 高赞信息图 → HTML 模板 → 可复用提示词」这一整套思路，写一份可直接收藏、照抄、落地的超详细教程。 目标：
- 让零代码基础的人也能 30 分钟做出 1200×1800 一屏信息图；
- 一次做图，终身复用，后续 2 分钟出新图；
- 所有资源、指令、踩坑点一次给齐，拿来即用。
一、先给结果：30 秒预览全流程
| 步骤 | 你要做的事 | 耗时 | 交付物 |
|---|---|---|---|
| ① 找图 | 在 X 搜“infographic”保存 3 张高赞图 | 5 min | 3 张参考图 |
| ② 图生码 | 把参考图丢给 Claude 4，让它“复刻成 HTML” | 3 min | 90% 还原的 HTML |
| ③ 微调 | 自己改颜色、字号、行高到 100% 还原 | 10 min | 母版 HTML |
| ④ 固化 | 换色/换模块顺序，做 2 个变体 | 5 min | 2-3 个模板 |
| ⑤ 提炼 | 让 Claude 4 总结“提示词” | 2 min | 一段可复用咒语 |
| ⑥ 复用 | 以后“内容 + 提示词 + 垫图”三件套给 Claude，2 min 出新图 | ∞ | 批量封面 |
二、原理：为什么一定要“先 HTML，再提示词”？
- 纯提示词出图（Midjourney、DALL·E）→ 字体乱、中文乱、尺寸乱，不可控。
- 纯代码出图（HTML+CSS）→ 100% 可控，但每次都重写太麻烦。
- 折中方案：
- 先用 Claude 4「图生 HTML」一次性拿到 90% 基准代码；
- 人工把 90%→100%，固化成模板；
- 再把“100% 效果”反向提炼成 1 段提示词 + 1 张垫图；
- 以后换内容不换壳，2 分钟一张，稳定输出。
部分内容已折叠，查看完整文章请先登录。 登录后查看完整文章
- 把母版 HTML 拆成“标题、数字、图表、结论”四段，用
{{}}做占位符； - 写 5 行 Python 脚本，读取 Excel 表格，循环替换四段变量，生成 100 份 HTML；
- 用无头浏览器（Playwright）批量打开 → 截图 → 自动命名
cover_001.png…cover_100.png； - 一晚跑完 100 张封面，直接排期发公众号。
八、总结：一句话记住
“找图 → 图生码 → 微调到 100% → 提炼咒语 → 终身复用”， 掌握这 5 步，你就拥有了一台 2 分钟/张的“封面永动机”。 立刻去保存 3 张高赞信息图，今晚就把你的第一个 HTML 模板跑通！
微信扫描下方的二维码阅读更多精彩内容
声明：本站所有文章，如无特殊说明或标注，均为橙市播客原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。如果你是AI总结，务必加上此版权说明
