- 呆2026-08-15
想请教下各位大佬，大家改版更新前端视觉完整流程是怎么做的？我在视觉迭代这块踩了不少坑，一直很难一次性改到位。
我目前的做法：直接让 AI 重新设计整套页面视觉，试过简短提示词，也写过很详尽的指令，同时也上传参考设计稿给到 AI。但最终效果始终不理想：
- 比如间距、内外边距十分混乱，字号、配色不协调；
- AI 容易堆砌样式，新样式不断叠加旧样式，产出质量很差，写出屎山代码；
- 改版后页面残留大量旧样式；
- 不少旧 class、id 绑定了页面功能，不能随意删除、改名，限制很大。
我也尝试新增 Skill 规范输出规则，改善幅度有限。对比下来发现：从零让 AI 新建页面，视觉工整、细节完整；但在现有项目上迭代更新视觉，效果差距巨大。
很好奇大佬们完整改版一套前端视觉是怎么操作的？
是不是先让 AI 生成大体改版方案，再一轮轮针对性微调间距、色彩、排版这类细节逐步打磨？有没有比较成熟的工作流可以借鉴？
最近看到一个焚诀还没大面积尝试，只在小区域试了目前看起来没什么大问题，但是不属于视觉刷新
https://linux.do/t/topic/2642792
主楼 - 长夜2026-08-15
1、用stitch之类的工具生产好你们要的样式
2、让AI帮你做视觉语义工程化改造（保持现有样式，别管步骤1的结果——所以1和2是可以并行的）
3、把第一步的的结果叫给AI，作为工程化后的视觉语义的样式参考
4、最后的细节打磨（人工带着AI慢慢抠）
注：核心是第2步
- 呆2026-08-15
让AI帮你做视觉语义工程化改造
感谢大佬，“视觉语义工程化改造”就是需要这样的专业词汇焚诀，比如重构程序的一些用词类似“解耦”“技术债”“模块化”"组件化"之类的，比我单纯的对AI说重构项目效果提升百倍。
先存着去做个测试尝试。