logoPay4SaaS
更多

项目换肤

你需要准备的东西,一张你喜欢的参考图(或者几个颜色色值)。

  • 可以是一个你喜欢的网站截图
  • 或者直接说出你喜欢的主色调(比如"我喜欢绿色科技感"、"我想要橙色温暖风")

有这个就够了。


然后,你把项目里app/global.css文件的代码+参考图/颜色描述 + 下面这段提示词一起发给 Claude。

我想基于上面的 global.css 文件,帮我生成一套新的皮肤方案。

我的风格偏好是:**[用一句话描述,比如:深绿色科技感、暖橙色简约风、蓝色清爽商务风……]**,或者我喜欢的颜色是xx,我希望的风格是 xx 。

要求:

1. 保持原文件完全相同的 CSS 变量结构,只替换颜色值
2. 需要有深色模式(默认)和浅色模式(`.light`)
3. 主色 `--primary` 系列基于我的风格偏好生成,深浅模式各一套
4. 背景、边框、文字颜色要与主色协调
5. 直接输出完整的 `global.css` 文件

这样你收到你的原文件 + 提示词(+ 可选的参考图)之后,就可以直接生成了。然后把生成好的,直接放在global.css 就可以了。

打开网站,你就会发现,是你想要的颜色了。