메뉴
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。