メニュー
Develop Workspace and tabs (Browser, File, Task, Realtime) in @ant-design/agentic-ui. Use when building workspace panel, browser preview, file viewer, task list tab, or realtime follow. Triggers on workspace, Workspace, browser tab, file tab, task tab.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
| name | component-workspace |
| description | Develop Workspace and tabs (Browser, File, Task, Realtime) in @ant-design/agentic-ui. Use when building workspace panel, browser preview, file viewer, task list tab, or realtime follow. Triggers on workspace, Workspace, browser tab, file tab, task tab. |
多标签工作区：浏览器预览、文件查看、任务列表、实时跟进等标签页。
src/Workspace/index.tsxsrc/Workspace/Browser.tsx、src/Workspace/File/、src/Workspace/RealtimeFollow/、TaskList 等src/Workspace/types.ts（TabConfiguration、TabItem、WorkspaceProps 等）tabs、activeKey、onTabChange 配置标签与切换custom 类型useWorkspaceStyle（或等价 createStyles）。AGENTS.md 的 Props 命名与导出规范。开发或修改工作区、浏览器/文件/任务标签时，参考 src/Workspace/ 与 AGENTS.md。
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.
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.