AI CSS 生成器
构建一个从自然语言描述生成 CSS 的工具。用户描述想要的视觉效果（例如「带圆角的毛玻璃卡片」），即可获得生产级 CSS 代码和实时预览。
cssllmcode-generationui-design
目标
- 接受描述所需视觉样式的自然语言描述
- 使用 LLM 生成 CSS（或 Tailwind 类名）
- 在 iframe 中渲染生成样式的实时预览
- 提供用于手动调整的代码编辑器
- 保存和分享生成的样式作为可复用预设
提示
- 使用沙箱化的 iframe 进行实时预览以隔离样式
- 包含热门 CSS 模式作为示例提示以提供灵感
- 允许在原生 CSS 和 Tailwind CSS 输出之间切换