用静态页做提示词 A/B 对照：四宫格的工作流

一、调提示词最缺的是对照

一张一张看，靠记忆比，完全不可靠。

你需要的是一个页面：左边写提示词，右边排四张图，改一句刷新一次。

二、这样一个页面要什么

三样就够：

1. 一个输入框，放提示词。

1. 一个四宫格，放图片地址。

1. 一个刷新按钮。

不需要后端，全部本地就能跑。

三、为什么用静态页

因为它不存任何东西，打开就开，改完就关。

比搭工具快得多，而且不依赖网络。

四、结构怎么排

顶部： 提示词输入区，一行，可拖动。

中间： 两列四行，每格一张图，下方标组号（A/B/C/D）。

底部： 备注栏，写这轮改了什么。

备注栏很重要。不写的话，三天后你就不知道哪句生效了。

五、一个实际的用法

我自己的流程：

1. 先把基础提示词固定。

1. 一次只改一个部分（光线/构图/风格）。

1. 每组四张，标上变量。

1. 选最好的那张，把它的提示词存下来。

1. 下次从这个版本开始，不重头。

五步下来，提示词会越来越短，效果越来越稳。

六、排版从哪里学

不用从零写 CSS。

Bootstrap 组件实验室 提供了 25 个官方组件和 12 个第三方组件的可交互示例，栅格、卡片、表单都有，直接复制结构就能拼出对比页。

它的站点里每块都标了代码，改宽度、改间距都很直观。

七、一个提醒

图片多了以后，页面会越开越慢。

我的做法是每次只留四张，存好结论后清空，不要累积。

八、一句总结

调提示词不是靠灵感，是靠有记录的对照。