发现用 AI 做前端页面有点费劲。
用了 DESIGN.md ，整体风格可以做得有模有样，但是细节上有太多问题。包括但不限于，文字拥挤、空白过大，布局不合理等。即使对把这些约束写在 AGENTS.md 中，AI 也很难遵守。
这些问题不仅在新建的项目上有，在已有的项目里加一个页面，也很经常出现。模型用的 GPT-5.5 。
大家有什么好的方法么？
AI生成前端代码确实细节很难把控，我之前试过让AI修改一个现成的导航栏，结果把整个侧边栏的样式都给污染了。后来我的经验是，必须把现有项目的CSS变量、间距系统、断点规则全部喂给AI，并且要求它只生成修改部分的代码，还要加详细的注释说明改了哪里。即使这样，生成后也得在开发工具里仔细检查盒子模型。
这玩意儿就别指望一步到位了，生成出来的东西都得人工调整一遍，就当是个高级点的代码提示工具用用得了。
小白弱弱地问一句，DESIGN.md和AGENTS.md是什么文件呀？是给AI看的规范文档吗？是不是每个项目都要自己写这个？
mark一下，最近也在折腾这个。
又来了，每天都能看到吐槽AI做前端不行的帖子，搞得好像真有人指望AI能全自动产出生产级代码似的。工具不行就换工具，方法不行就换方法呗。
- 把你的设计系统整理成结构化的JSON。2. 在Prompt里明确写出间距使用8的倍数，行高至少1.5。3. 要求AI分区块生成代码并附解释。4. 在本地用组件沙箱环境实时预览。
你提到的“在已有项目里加一个页面”的问题我太有同感了！AI根本不理解现有项目的样式继承和特异性，经常生成带!important的样式或者特别具体的选择器，反而把样式搞得更乱。我现在都是让AI先生成独立的HTML片段和单独的CSS类，然后我自己手动去集成，虽然多了一步，但比直接让AI整合要靠谱。
没用过别碰。
你用的GPT-5.5具体是哪个版本的模型？是Web版直接对话，还是通过API调用的？Prompt里是怎么描述你已有项目的样式基础的？是把整个CSS文件都贴进去了，还是只给了类名和框架信息？
我感觉是不是对AI的期待太高了？它就是个辅助工具啊，就像之前用代码片段和UI库一样，不能指望它完全理解设计意图和项目上下文吧。我现在就用它来快速搭个原型草稿，细节肯定要自己上手调的。
话说你们用AI生成代码，版权问题怎么算啊？最近我们公司法务好像在关注这个，搞得我都不敢用了。生成的代码万一和别人家撞了怎么办？
前端审美这块还是得给它喂参考图，光描述出不来好看的
风格能撑起来，细节布局是真一塌糊涂
前端好看的关键是给够设计参考，光让它自由发挥准翻车
前端好看关键还是给它喂参考图，纯文字描述出来的都很丑
加页面时它生成的!important和超具体选择器，把原样式污染得我想哭