如何把截图转换成可编辑的 React UI

目标不只是生成一张图片的静态副本。一个有价值的截图转代码工作流应当保留视觉层级、把重复的 UI 模式转换为可编辑的标记，并保留足够的结构，让设计师或前端团队能够继续迭代。

U2C 正是围绕这个循环构建的：上传截图、生成实时预览、选中界面的局部、继续打磨而不会丢失上一个可用版本。

从一张聚焦的截图开始，它应显示你想复刻的完整界面。再加上一句简短说明，告诉工具你想要的是一份像素级还原，还是一个清理过的响应式版本。

生成后，把参考图和生成结果并排对比。先修正大的布局差异，再调整字体与间距，最后处理悬停、错误、空数据和选中状态等较小的组件状态。

预览恢复系统会保留一个"最近可用版本"，这样一次糟糕的精修不会无声地毁掉整页。

精准编辑让你选中某个具体元素并请求一次局部修改，例如只调整一个 CTA 按钮、表头、侧栏卡片或弹窗状态。