如何把设计行为与状态一并交付。
交付行为和状态,不只是完成的页面。记录响应规则、内容限制和素材引用,标记未决事项,避免开发者猜测。
按任务需求调整流程。
盘点页面、交互、响应行为及非理想状态。链接素材和设计令牌,说明内容限制并分配未决决定。加入验收检查,让开发者能验证行为,不靠静态图推断。
- 你需要提供什么
- 设计范围和开发需求。
- 你会得到什么
- 素材、状态、规格及责任人清单。
查看输入和结果。
演示用输入和输出 · 教学示例,并非 WebAct 实时运行结果
示例 个输入项
Handoff review: search field and result cards supplied, but loading, empty and error states missing. Responsive rules and keyboard behavior also unspecified.
完整示例
Required handoff additions: - Loading: indicator, pending-control behavior and announcement to confirm. - No results: useful message and a way to revise the query. - Error: recovery action and retained-query behavior. - Keyboard: focus order, submission and result navigation. - Responsive: card columns and long-content behavior. - References: assets, tokens and content constraints. Assign a reviewer to each unresolved behavior before implementation; the current screens do not define these decisions.
将这份输入载入提示词,再复制到 WebAct 中尝试任务。实际结果可能与示例不同。
决策与问题排查。
交付只包含成功的搜索结果画面够吗?
应包含加载、空结果、错误状态与键盘操作,它们都是实际流程的一部分。
为什么实现开始符合样图,后来却偏离?
可能没有定义响应规则、动态内容或状态行为。将它们与画面一起记录。
使用自己的资料试一试。
将任务提示词中的示例换成你的材料。保留所需条件,再把任务复制到 WebAct。
自定义并复制任务 ↑