メニュー
Develop AnswerAlert for result or status alert (success, error, warning, info) in @ant-design/agentic-ui. Use when showing answer status, alert message, or closable banner. Triggers on AnswerAlert, alert, success error warning info, answer status.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
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.
| name | component-answer-alert |
| description | Develop AnswerAlert for result or status alert (success, error, warning, info) in @ant-design/agentic-ui. Use when showing answer status, alert message, or closable banner. Triggers on AnswerAlert, alert, success error warning info, answer status. |
结果/状态提示条：成功、错误、警告、信息等类型，可带图标与操作。
src/AnswerAlert/index.tsxCloseIcon、ErrorIcon、InfoIcon、LoaderIcon、SuccessIcon、WarningIcon（见 components/）AnswerAlertPropssrc/AnswerAlert/style.tsmessage、description、icon、showIcontype: 'success' | 'error' | 'warning' | 'info' | 'gray'修改 AnswerAlert 时，参考 src/AnswerAlert/ 与 AGENTS.md。