2. Linux.do
  3. 各位前端大佬，如果让AI给已是屎山样式代码的项目，彻底全面更换新网站UI样式呢？

各位前端大佬，如果让AI给已是屎山样式代码的项目，彻底全面更换新网站UI样式呢？

呆 2026-08-15 04:34 1

想请教下各位大佬，大家改版更新前端视觉完整流程是怎么做的？我在视觉迭代这块踩了不少坑，一直很难一次性改到位。


我目前的做法：直接让 AI 重新设计整套页面视觉，试过简短提示词，也写过很详尽的指令，同时也上传参考设计稿给到 AI。但最终效果始终不理想：



  1. 比如间距、内外边距十分混乱，字号、配色不协调；

  2. AI 容易堆砌样式，新样式不断叠加旧样式，产出质量很差，写出屎山代码；

  3. 改版后页面残留大量旧样式；

  4. 不少旧 class、id 绑定了页面功能，不能随意删除、改名，限制很大。


我也尝试新增 Skill 规范输出规则，改善幅度有限。对比下来发现：从零让 AI 新建页面，视觉工整、细节完整；但在现有项目上迭代更新视觉，效果差距巨大。


很好奇大佬们完整改版一套前端视觉是怎么操作的？


是不是先让 AI 生成大体改版方案，再一轮轮针对性微调间距、色彩、排版这类细节逐步打磨？有没有比较成熟的工作流可以借鉴？


最近看到一个焚诀还没大面积尝试，只在小区域试了目前看起来没什么大问题，但是不属于视觉刷新

https://linux.do/t/topic/2642792

最新回复 (2)
  • 长夜 08-15 05:00
    1楼

    1、用stitch之类的工具生产好你们要的样式


    2、让AI帮你做视觉语义工程化改造（保持现有样式，别管步骤1的结果——所以1和2是可以并行的）


    3、把第一步的的结果叫给AI，作为工程化后的视觉语义的样式参考


    4、最后的细节打磨（人工带着AI慢慢抠）



    注：核心是第2步

  • 呆 楼主 08-15 05:04
    2楼

    让AI帮你做视觉语义工程化改造



    感谢大佬，“视觉语义工程化改造”就是需要这样的专业词汇焚诀，比如重构程序的一些用词类似“解耦”“技术债”“模块化”"组件化"之类的，比我单纯的对AI说重构项目效果提升百倍。


    先存着去做个测试尝试。

* 帖子来源Linux.do
附近帖子
返回
飞读
随机推荐