用AI改造项目界面应提供哪些材料

已有项目的界面改造宜结合源码与运行页面,先确认单页可交互原型,再提取公共规范逐页迁移,并用浏览器验证功能。

要点

  1. 页面帮助理解现状,仓库说明如何修改,原型用于确认目标;三者互补。网页抓取不等于浏览器操作,部署地址也不保证能展示真实渲染效果或登录后页面。
  2. 先明确调整视觉样式还是导航流程,再提供仓库、启动方法、代表页面及截图、必须保留的功能和参考界面;材料不应包含密钥、生产数据或真实用户信息。
  3. 优先选择组件丰富、使用频率高的代表页面,先提出两个布局方向,确认后只实现一个页面;保留现有接口、业务逻辑与技术栈,避免直接全站重写。
  4. 原型优先采用基于现有组件的可运行、可点击页面;效果图可确定风格,但不能检验长文本、下拉菜单、滚动、窄屏和错误提示。本地或测试预览即可,不必上线生产。
  5. 原型确认后统一颜色、字号、间距、按钮、表单和弹窗规范,提取共用组件并逐页迁移;修改放在独立 Git 分支,便于对比和回滚。
  6. 每轮修改后运行现有检查,并用浏览器覆盖桌面、移动端及加载、空数据、报错、长文本状态;搜索、提交、翻页等关键交互需实际走通,截图好看不代表功能正常。

来源