Agent Task List new Agent 任务清单 web

Migration plan3 of 4 steps complete
  1. Inspect session schemaCompleted 2 min ago
  2. Write migrationCompleted 1 min ago
  3. Run verificationChecking middleware tests…
  4. Deploy to stagingBlocked · staging permission required
Verification is in progress

标本可交互,可以直接操作。

Anatomy — every part, named解剖 —— 每个部件的名字

  1. 1 Task row任务行 <li> + data-state

    One ordered step with a stable name and state.

    带稳定名称和状态的有序步骤。

    Prompt fragmentPrompt 片段

    an ordered row with a verb-led task name, status marker, and optional result detail

    带动词任务名、状态标记和可选结果详情的有序行

  2. 2 Active task当前任务 aria-current="step"

    The step currently receiving work.

    当前正在接收处理的步骤。

    Prompt fragmentPrompt 片段

    one active task with a clear current marker and concise progress detail

    一个带清晰当前标记和简短进度详情的活动任务

  3. 3 Blocker detail阻塞详情 aria-describedby

    The reason a task cannot continue.

    任务无法继续的原因。

    Prompt fragmentPrompt 片段

    a plain-language blocker with the missing permission, input, or recovery action

    用直白文字说明缺少的权限、输入或恢复动作

  4. 4 Task actions任务操作 button

    Cancel, Retry, or Continue controls tied to the current state.

    与当前状态相关的取消、重试或继续控件。

    Prompt fragmentPrompt 片段

    contextual actions that remain beside the blocked or failed step

    紧邻阻塞或失败步骤的上下文操作

Prompt — paste into your agentPrompt —— 直接粘贴给你的代理

Build an Agent Task List for a multi-step run. Show ordered task names with pending, active, complete, skipped, and blocked states; keep the current task prominent; include a short result or blocker; and expose Cancel, Retry, or Continue actions where appropriate. Preserve the plan after completion so users can audit what happened, and make status understandable without color or motion.

为多步骤运行构建 Agent 任务清单。展示有序任务及待处理、当前、完成、跳过和阻塞状态;突出当前任务;提供简短结果或阻塞原因;在适用时提供取消、重试或继续。完成后保留计划供审计;不依赖颜色或动效表达状态。

Debug prompt — when it misbehaves调试 Prompt —— 当它不听话时

Debug my Agent Task List. Check that task order is stable; only one task is active; completion does not erase the plan; blocked tasks explain what is needed; retries do not duplicate rows; aria-current and live announcements match the visible state; and reduced motion still distinguishes pending, active, and complete. The symptom:

调试我的 Agent 任务清单。检查任务顺序稳定;同一时间只有一个当前任务;完成后不删除计划;阻塞任务说明所需权限、输入或恢复操作;重试不会重复行;aria-current 和播报与可见状态一致;减少动态效果时仍能区分待处理、当前和完成。症状:

In code代码里叫什么

Framework框架Symbol符号Note说明
HTML <ol> + <button> keep task order and actions semantic
ARIA aria-current + aria-live identify the active task and announce completion once
UX task status vocabulary separate pending, active, done, skipped, and blocked
CSS text-decoration + marker do not rely on a checkmark or color alone

See also相关词条

我的参考集

组合页面参考、知名网站、UI 元素和视觉风格,导出给 AI。

你的下一份设计,从这里开始。

在任意标本旁点击「加入参考」,就能把页面、品牌、组件和风格组合成一份 AI 设计说明。

浏览页面参考

搜索参考库Search the library

输入关键词,搜索所有参考。