ワンクリックでManusで任意のスキルを実行

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 リポジトリを開く Creator のリポジトリを見る

ダウンロード

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。