component-chat-boot-page

star 209

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.

antdigital-ai By antdigital-ai schedule Updated 3/13/2026
play_arrow Run Skill in Manus View GitHub

name: component-chat-boot-page description: 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.

ChatBootPage 组件开发

聊天启动页相关子组件：标题、案例回复、按钮 Tab 与 Tab 组，用于对话入口或引导页。

源码位置

  • 导出：src/ChatBootPage/index.ts
  • 子组件：Title.tsx、CaseReply.tsx、ButtonTab.tsx、ButtonTabGroup.tsx
  • 样式：各组件对应 *Style.ts 与 style.ts

主要导出

Title, CaseReply, ButtonTab, ButtonTabGroup
TitleProps, CaseReplyProps, ButtonTabProps, ButtonTabGroupProps, ButtonTabItem

开发规范

  • 使用 token 与 createStyles，支持 classNames/styles。
  • 与 WelcomeMessage、ChatLayout 等组合时保持视觉与交互一致。

修改启动页或引导组件时，参考 src/ChatBootPage/ 与 AGENTS.md。

Install via CLI
npx skills add https://github.com/antdigital-ai/agentic-ui --skill component-chat-boot-page
Repository Details
star Stars 209
call_split Forks 35
navigation Branch main
article Path SKILL.md
More from Creator
antdigital-ai
antdigital-ai Explore all skills →