component-tool-use
openbooklet.com/s/component-tool-useopenbooklet.com/s/component-tool-use@1.0.0GET /api/v1/skills/component-tool-useDevelop ToolUseBar and ToolUseBarThink for displaying tool/API calls in @ant-design/agentic-ui. Use when showing tool invocations, API call results, cost or duration. Triggers on tool use, tool call, API call, ToolUseBar, ToolUseBarThink.
é¢åå¨ä¸å¡é¡¹ç®ä¸**使ç¨** `@ant-design/agentic-ui` çå¼åè ï¼å®è£ ãå¼å ¥ã常è§åºæ¯ä¸ API æ¥é æ¹å¼ã
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 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.
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.
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.
Develop and extend Bubble components (AIBubble, UserBubble, Bubble list) for AI chat messages in @ant-design/agentic-ui. Use when building chat bubbles, message content, streaming display, thought chain in bubble, or voice/copy actions. Triggers on bubble, chat message, AIBubble, UserBubble, message list.
Develop ChatBootPage subcomponents (Title, CaseReply, ButtonTab, ButtonTabGroup) for chat entry or onboarding in @ant-design/agentic-ui. Use when building start page, welcome tabs, or case reply UI. Triggers on ChatBootPage, boot page, Title, CaseReply, ButtonTab, ButtonTabGroup.
Develop ChatLayout (header, content, footer) for chat UI in @ant-design/agentic-ui. Use when building chat page layout, message area, or input footer. Triggers on ChatLayout, chat layout, header content footer, chat page.
Develop History component for chat/conversation history list in @ant-design/agentic-ui. Use when building history sidebar, session list, search, delete, or load more. Triggers on History, history list, session list, conversation history, agentId, sessionId.
Develop MarkdownEditor and BaseMarkdownEditor in @ant-design/agentic-ui for rich text and streaming markdown. Use when building editor, toolbar, slate, plugins, table, code block, or markdown parse/serialize. Triggers on markdown editor, BaseMarkdownEditor, slate, toolbar, plugin, table editor.
Develop MarkdownInputField and attachments, voice, send actions in @ant-design/agentic-ui. Use when building chat input, file upload, voice input, send button, or suggestion bar. Triggers on MarkdownInputField, input field, attachment, voice input, send button.
Develop chart, code, mermaid, katex, formatter plugins for MarkdownEditor in @ant-design/agentic-ui. Use when adding or customizing chart/code/mermaid/formula rendering or code format. Triggers on plugin, chart, mermaid, code highlight, katex, formatter, LineChart, BarChart, Mermaid, CodeBlock.
Develop Quote and BackTo components in @ant-design/agentic-ui. Use when building quote block or back navigation link. Triggers on Quote, BackTo, quote block, back link, navigation.
Develop SchemaForm, SchemaEditor, SchemaRenderer and validator in @ant-design/agentic-ui for low-code and JSON Schema. Use when building form from schema, schema editor, template engine, or validation. Triggers on Schema, SchemaForm, SchemaEditor, SchemaRenderer, LowCodeSchema, validator.
Develop shared UI components (ActionIconBox, ActionItemBox, Button, GradientText, LayoutHeader, Loading, Robot, SuggestionList, TextAnimate, TypingAnimation, VisualList, lotties) in @ant-design/agentic-ui. Use when building buttons, headers, loading, robot avatar, suggestions, or animations. Triggers on ActionIconBox, Button, LayoutHeader, Loading, Robot, SuggestionList, TextAnimate, TypingAnimation, lotties.
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 ThoughtChainList and thought-chain visualization in @ant-design/agentic-ui. Use when showing reasoning steps, thinking process, tool calls timeline, or collapsible thought chain. Triggers on thought chain, thinking, reasoning, ThoughtChainList, step list.
Develop WelcomeMessage for chat welcome or onboarding in @ant-design/agentic-ui. Use when building welcome title, description, typing or text animation. Triggers on WelcomeMessage, welcome, onboarding, typing animation, title 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.
Auto-indexed from antdigital-ai/agentic-ui
Are you the author? Claim this skill to take ownership and manage it.
Related Skills
graceful-error-recovery
Use this skill when a tool call, command, or API request fails. Diagnose the root cause systematically before retrying or changing approach. Do not retry the same failing call without first understanding why it failed.
audience-aware-communication
Use this skill when writing any explanation, documentation, or response that will be read by someone else. Match vocabulary, depth, and format to the audience's expertise level before writing.
Refactoring Expert
Expert in systematic code refactoring, code smell detection, and structural optimization. Use PROACTIVELY when encountering duplicated code, long methods, complex conditionals, or any code quality issues. Detects code smells and applies proven refactoring techniques without changing external behavior.
Research Expert
Specialized research expert for parallel information gathering. Use for focused research tasks with clear objectives and structured output requirements.
clarify-ambiguous-requests
Use this skill when the user's request is ambiguous, under-specified, or could be interpreted in multiple ways. If proceeding with a wrong assumption would waste significant work, always ask exactly one focused clarifying question before doing anything.
structured-step-by-step-reasoning
Use this skill for any problem that involves multiple steps, tradeoffs, or non-trivial logic. Think out loud before answering to improve accuracy and transparency. Apply whenever the answer is not immediately obvious.