设计需求与视觉传播

免费设计交付检查清单生成器.

素材、状态、规格及责任人清单。

把设计变成包含状态、素材和待解问题的可实施参考。

需要 Chrome 扩展程序和账号。
每月 25 次免费自动化任务,所有工具共享。受浏览器连接提供方的限制约束。

需要准备的内容

设计范围和开发需求。

开始使用

可按需调整的任务。

在这里复制,准备好后粘贴到 WebAct。

本页用于准备提示词,任务在 WebAct 中运行。

01

按需调整任务。

检查上方提示词,添加你的目标和重要要求。

02

带到 WebAct 中。

打开 WebAct,粘贴任务并提供原始材料。需要草稿或解释时先用 Chat;需要经批准的浏览器操作或文件时使用 Task。

03

检查有用的部分。

将结果视为可编辑的草稿或分析。在依赖或分享结果前,依据提供的事实和目标受众进行核查。

实用指南

如何把设计行为与状态一并交付。

交付行为和状态,不只是完成的页面。记录响应规则、内容限制和素材引用,标记未决事项,避免开发者猜测。

按任务需求调整流程。

盘点页面、交互、响应行为及非理想状态。链接素材和设计令牌,说明内容限制并分配未决决定。加入验收检查,让开发者能验证行为,不靠静态图推断。

你需要提供什么
设计范围和开发需求。
你会得到什么
素材、状态、规格及责任人清单。

查看输入和结果。

演示用输入和输出 · 教学示例,并非 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。

自定义并复制任务 ↑
开始之前

使用 WebAct。

提示词和示例在本页提供。请在 WebAct Chrome 扩展中运行任务。

这个工具免费吗?

你可以在这里免费复制和编辑提示词。要在 WebAct 中使用,请安装 Chrome 扩展,创建并验证账户,然后连接可用的浏览器 ChatGPT 会话。Free 方案每自然月包含 25 次由用户发起的自动化任务,所有工具共享。普通浏览器 Chat 单独计算;仍受提供方限制约束。

有关共享上下文,请参阅我们的 隐私政策 以及如何选择 Chat 或 Task.

从提示词到你的实际工作

将任务带到页面上。

安装 WebAct,加入原始材料,再按需调整结果。

安装 WebAct