一键在 Manus 中运行任何 Skill

component-shared

星标216

分支35

更新时间2026年3月13日 03:31

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.

安装

用 Codex 或 Claude 帮你安装复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。

在 Manus 中运行

来源

antdigital-ai

antdigital-ai/agentic-ui

打开 GitHub 仓库查看创作者相关仓库

下载

在 Manus 中运行

通用子组件开发

项目内共享的 UI 组件：按钮、头部、加载、机器人头像、建议列表、动画等。

源码位置

入口：src/index.ts 中「基础 UI 组件」「通用子组件」导出
目录：src/Components/（ActionIconBox、ActionItemBox、Button、GradientText、LayoutHeader、Loading、Robot、SuggestionList、TextAnimate、TypingAnimation、VisualList）
动效：src/Components/lotties/、src/Components/effects/
按钮变体：IconButton、ToggleButton、SwitchButton 见 Components/Button/

主要能力

Button：图标/切换/开关等变体
LayoutHeader：布局头部，供 AgenticLayout、ChatLayout 使用
Loading / Robot：加载态与机器人头像
SuggestionList：建议列表，常与输入框配合
TextAnimate / TypingAnimation：文字与打字机动画
ActionIconBox / ActionItemBox：操作图标与操作项容器

开发规范

使用 token 与 createStyles；事件使用 on 前缀。
与各业务组件（Bubble、ChatLayout 等）组合时保持 API 与风格一致。

修改通用组件时，参考 src/Components/ 与 AGENTS.md。

同仓库更多 Skills

同仓库

component-task-list

antdigital-ai/agentic-ui

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.

2026-05-28216

component-agentic-layout

antdigital-ai/agentic-ui

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.

2026-05-12216

markdown-syntax-guide

antdigital-ai/agentic-ui

指导用户使用 @ant-design/agentic-ui 的 Markdown Editor / Renderer 扩展语法。图表场景**优先使用内置 chart**（HTML 注释 `chartType` + 表格），**只有当内置 chartType 都不能表达诉求时才回退 Mermaid**。Triggers on keywords like 表格, 视频, 图表, 卡片, 提示块, 流程图, 语法, 怎么写, how to write table chart video card mermaid.

2026-05-11216

agentic-ui-development

antdigital-ai/agentic-ui

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.

2026-04-24216

agentic-ui-usage

antdigital-ai/agentic-ui

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.

2026-03-13216

component-agent-run-bar

antdigital-ai/agentic-ui

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.

2026-03-13216

name

component-shared

description

通用子组件开发

项目内共享的 UI 组件：按钮、头部、加载、机器人头像、建议列表、动画等。

源码位置

入口：src/index.ts 中「基础 UI 组件」「通用子组件」导出
目录：src/Components/（ActionIconBox、ActionItemBox、Button、GradientText、LayoutHeader、Loading、Robot、SuggestionList、TextAnimate、TypingAnimation、VisualList）
动效：src/Components/lotties/、src/Components/effects/
按钮变体：IconButton、ToggleButton、SwitchButton 见 Components/Button/

主要能力

Button：图标/切换/开关等变体
LayoutHeader：布局头部，供 AgenticLayout、ChatLayout 使用
Loading / Robot：加载态与机器人头像
SuggestionList：建议列表，常与输入框配合
TextAnimate / TypingAnimation：文字与打字机动画
ActionIconBox / ActionItemBox：操作图标与操作项容器

开发规范

使用 token 与 createStyles；事件使用 on 前缀。
与各业务组件（Bubble、ChatLayout 等）组合时保持 API 与风格一致。

修改通用组件时，参考 src/Components/ 与 AGENTS.md。