如何让AI生成符合UI规范的前端页面

针对AI生成前端页面常出现的“AI味”（样式千篇一律、不符合企业UI规范）问题，开发者们探讨了如何设计有效的 design.md 或 System Prompt。核心痛点在于现有的开源设计提示词过于复杂且效果不佳。有效的解决方案主要包括：1. 限制组件库与Token：在提示词中明确指定使用的组件库（如 Shadcn UI、Tailwind CSS），并提供严格的 Design Tokens（颜色、圆角、间距等常量）；2. Few-Shot 示例驱动：相比于抽象的文字规范，提供2-3个符合规范的高质量代码模板对AI的约束效果更好；3. 精简规则：避免冗长的规则，将规范写在 .cursorrules 或项目根目录的说明文件中，采用模块化、结构化的 Markdown 格式。这为企业在 AI 辅助开发中保持视觉一致性提供了实操思路。