agentic-ui

name: component-task-list Use when this capability is needed.

설치 방법

기본적으로 소스를 먼저 확인하는 Prompt가 선택됩니다. 직접 명령으로 전환하거나 로컬 사본을 다운로드할 수도 있습니다.

Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.

직접 명령은 검토 Prompt를 거치지 않습니다. 실행하기 전에 소스를 확인하세요.

npx skills add https://github.com/tomevault-io/tomes --skill agentic-ui

명령은 한 줄로 유지됩니다. 복사하기 전에 가로로 스크롤해 전체 내용을 확인하세요.

로컬 사본을 원하시나요? SkillsMP에서 현재 제공할 수 있는 파일을 다운로드하세요.

설치 여부를 결정하기 전에 SKILL.md와 SkillsMP에 표시된 보조 파일을 읽어 보세요.

SKILL.md

소스 지침 · 읽기 전용 미리보기

name	agentic-ui
description	name: component-task-list Use when this capability is needed.

任务/步骤列表展示，支持展开折叠、状态图标与思维链等。

导出：src/TaskList/index.tsx
主组件：src/TaskList/TaskList.tsx
子组件：TaskListItem、StatusIcon 等见 src/TaskList/components/
类型：src/TaskList/types.ts（TaskItem、TaskListProps、TaskStatus、TaskListVariant、ThoughtChainProps）

items、expandedKeys、onExpandedKeysChange 控制列表与展开
variant、open/onOpenChange 等
variant="simple"：收起时 visibleItems 仅为最后一项；摘要状态见 TaskList.tsx useMemo
loading：外部流式标记；全部 item 为 success 时摘要为完成态
pending 与 loading UI 合并：isTaskInProgress / getTaskStatusStyleKey（constants.ts），摘要与图标统一按进行中处理
与 ActionIconBox、I18nContext 配合

src/TaskList/normalizeTaskContent.ts：normalizeTaskContent(content, fallbackTitle?) 提取字符串/序列化 React 描述；空正文回退 title
TaskListItem 渲染前规范化；hasNormalizedTaskContent 控制展开箭头
Markdown 嵌入：normalizeTaskListPropsFromJson（agenticUiEmbedUtils.ts）对每项 content 调用同一工具

样式使用 token 与 useStyle(prefixCls)，BEM 类名。
新增状态或变体时在 types 中补充，保持向后兼容。
勿改 simple 收起时 visibleItems = [lastItem] 逻辑；展开时展示全部 items（含 error 项，不因工具失败只保留最后一项）。

修改任务列表时，参考 src/TaskList/、docs/components/task-list.md 与 AGENTS.md。

Source: antdigital-ai/agentic-ui — distributed by TomeVault.