AI 应用界面概念：把静态画面交给真实实现

先写任务和状态

选择虚构记账应用的“添加支出”页面，列金额、分类、日期与保存操作。说明当前是填写中状态，哪些信息必需、成功后发生什么。不要用精美界面补造不存在的功能或指标；先把交互需求写成真实清单。

生成一个清楚的静态方向

可写：“原创记账应用静态界面概念，一个添加支出任务，金额区优先，分类和日期在下方，主要保存操作明显，简洁浅色布局。”图中词句可能错误，不把它们当作正式文案。先比较层次、空白和组件关系，不必反复生成所谓可点击画面。

拆成可以实现的组件

把选中的方向整理为输入框、分类选择、日期选择、主要操作和提示区域。真实实现使用可编辑文字与产品现有组件，记录间距和内容需求。按钮画在图片里不代表焦点、键盘或点击行为已经存在，必须由代码或原型实现。

补齐正常画面以外的状态

列空白、填写错误、提交中、失败和成功状态，并说明用户能做的下一步。真实数据格式和错误处理由产品规则决定，不能从图中推断。对实际实现逐项测试键盘操作、可读标签和恢复路径，避免只检查截图。

用真实界面检查响应布局

在实际屏幕宽度与主题下验证长文本、输入、菜单和滚动。图像裁切并不等于响应式设计，生成的新屏幕图也不能证明布局可靠。保留概念说明与实际实现截图，清楚标注各自用途，再用用户任务判断是否完成。

交接时保留哪些依据

交给实现者的是任务、字段、状态与一个视觉方向，而不是“已经可用”的截图。检查正式文字、交互行为和错误路径，重要功能使用真实数据与实际操作验证。

真实功能展示可参考录屏制作，品牌图形可参考标志小套件。示例为虚构界面方向，不代表已部署产品或模型能力实测。