用途：该技能教 Claude 为 Angular 应用选择聊天界面放置方式，覆盖五种规范模式，并说明每种模式应组合哪些 CometChat 组件、如何接入 Angular Router 或 Angular Material，以及 flex 容器、高度约束、z-index 等布局注意事项和取舍时机。
主要模式：路由式（整页，会话列表→消息或单会话）、侧边栏（分栏常驻面板）、模态/对话框（MatDialog 或 CDK overlay 的临时聊天）、标签式（Chats/Users/Groups/Calls 多标签）、内嵌式（在既有页面区块内放聊天组件）。
主要能力：技能给出推荐表（即时通讯应用选路由式、SaaS 功能型选侧边栏、客服/一对一选单会话路由式、消息中心选标签式、偶尔弹出选模态、页面内嵌选内嵌式），并提示先阅读 cometchat-angular-core 与 cometchat-angular-components，因为初始化/登录生命周期和组件目录是前置知识。
用法要点：路由式用 Angular Router 定义 /conversations 与 /messages/user/:uid 等路由，页面由 cometchat-message-header、cometchat-message-list、cometchat-message-composer 组成；侧边栏需给容器 overflow: hidden、消息区 flex: 1，并传 activeConversation 高亮；模态中不要用 cometchat-conversations-with-messages，因为它需要约 1024px 横向空间，模态宽度通常 480–960px，会留空；模态内应改用两栏模式或直接一对一组件。
限制：资料未提供价格与收费、平台清单、安装命令、具体版本兼容细节及认证信息；其余未提及事实暂未提供。