메뉴
Develop TaskList for step or task status display in @ant-design/agentic-ui. Use when showing task items, expand/collapse, status icons, or thought chain in tasks. Triggers on TaskList, task list, task item, step list, TaskItem, TaskStatus.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Develop AgenticLayout (left-center-right layout with header) in @ant-design/agentic-ui. Use when building app shell, sidebar layout, or three-column layout. Triggers on AgenticLayout, layout, left center right, header, sidebar.
指导用户使用 @ant-design/agentic-ui 的 Markdown Editor / Renderer 扩展语法。图表场景**优先使用内置 chart**（HTML 注释 `chartType` + 表格），**只有当内置 chartType 都不能表达诉求时才回退 Mermaid**。Triggers on keywords like 表格, 视频, 图表, 卡片, 提示块, 流程图, 语法, 怎么写, how to write table chart video card mermaid.
Guides development workflow, design system, scripts, and component inventory for @ant-design/agentic-ui. Use when onboarding, adding new components, running build/test/docs, or asking about project structure, conventions, or component list. Triggers on agentic-ui, development workflow, 开发流程, 组件清单, 设计系统, 新组件, build, test, docs, AGENTS.md.
Guides how to use @ant-design/agentic-ui in applications (install, import, layout, chat, editor, i18n). Use when integrating the library, building chat/agent UI, or asking about component API from consumer perspective. Triggers on 使用 agentic-ui, 集成, 引入, 安装, chat UI, 智能体界面, 接入, import from agentic-ui, ConfigProvider, locale.
Develop AgentRunBar for agent run control (play, pause, stop) in @ant-design/agentic-ui. Use when building run/pause/stop UI, task status bar, or agent control. Triggers on AgentRunBar, run bar, play pause stop, agent control, TASK_STATUS.
Develop AILabel for AI content watermark or label in @ant-design/agentic-ui. Use when showing AI tag, watermark, or emphasis label. Triggers on AILabel, AI label, watermark, status default emphasis.
| name | component-task-list |
| description | Develop TaskList for step or task status display in @ant-design/agentic-ui. Use when showing task items, expand/collapse, status icons, or thought chain in tasks. Triggers on TaskList, task list, task item, step list, TaskItem, TaskStatus. |
任务/步骤列表展示，支持展开折叠、状态图标与思维链等。
src/TaskList/index.tsxsrc/TaskList/TaskList.tsxTaskListItem、StatusIcon 等见 src/TaskList/components/src/TaskList/types.ts（TaskItem、TaskListProps、TaskStatus、TaskListVariant、ThoughtChainProps）items、expandedKeys、onExpandedKeysChange 控制列表与展开variant、open/onOpenChange 等variant="simple"：收起时 visibleItems 仅为最后一项；摘要状态见 TaskList.tsx useMemoloading：外部流式标记；全部 item 为 success 时摘要为完成态pending 与 loading UI 合并：isTaskInProgress / getTaskStatusStyleKey（constants.ts），摘要与图标统一按进行中处理src/TaskList/normalizeTaskContent.ts：normalizeTaskContent(content, fallbackTitle?) 提取字符串/序列化 React 描述；空正文回退 titleTaskListItem 渲染前规范化；hasNormalizedTaskContent 控制展开箭头normalizeTaskListPropsFromJson（agenticUiEmbedUtils.ts）对每项 content 调用同一工具useStyle(prefixCls)，BEM 类名。visibleItems = [lastItem] 逻辑；展开时展示全部 items（含 error 项，不因工具失败只保留最后一项）。修改任务列表时，参考 src/TaskList/、docs/components/task-list.md 与 AGENTS.md。