菜单
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.
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/antdigital-ai/agentic-ui --skill component-chat-layout命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
基于 SOC 职业分类
正在显示 SKILL.md
| name | component-chat-layout |
| description | 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. |
聊天界面布局：头部、内容区、底部固定区域（如输入框）。
src/ChatLayout/index.tsxsrc/ChatLayout/types.ts（ChatLayoutProps、ChatLayoutRef）FooterBackground 等见 src/ChatLayout/components/useAutoScroll、useElementSize 等 Hooks 配合ChatLayoutRefcreateStyles 与 token；支持 classNames/styles。修改聊天布局时，参考 src/ChatLayout/ 与 AGENTS.md。