AI 主题生成指南

AI 主题生成指南

[!NOTE] 本文档主要面向 AI 助手（如 Antigravity, Claude, GPT 等），旨在指导 AI 根据用户提供的参数生成符合规范的 CSS 主题配置。

核心规范

1. 颜色格式

所有基础色变量必须使用 RGB 通道数值（空格分隔），严禁带 rgb() 或 #hex。

• ✅ 正确：--blocks-primary: 59 130 246;
• ❌ 错误：--blocks-primary: #3b82f6;

2. 渐变与阴影

渐变和阴影直接使用完整的 CSS 语法。

• 渐变统一使用 135deg。

---

主题生成规则

[… 此处包含 THEME_GUIDE.md 的完整逻辑 …]

常用色阶参考 (Tailwind)

颜色	50 (最浅)	500 (主色)	600 (深色)
蓝色	239 246 255	59 130 246	37 99 235
粉色	253 242 248	236 72 153	219 39 119

---

模板代码

亮色模式模板

:root {
  --blocks-primary: [主色-500];
  --blocks-primary-light: [主色-400];
  --blocks-bg-page: 255 255 255;
  --blocks-text-heading: 15 23 42;
  /* ... 完整变量列表参考 theme/index.css */
}

提示词建议 (System Prompt Tip)

如果你希望 AI 帮你生成主题，可以输入：

“请参考 Mewx CMS UI 的 AI 主题生成指南，为我生成一套 [主题色] 的 [亮色/暗色] 主题配置。”