SuperAPI AI 工具集

matechat-ng

编程与开发

查看项目

更新于 10-15 21:08

技能介绍

用途:为 MateChat Angular 组件库(@matechat/ng)提供使用指导,帮助在 Angular 项目中构建 AI 对话与智能体(Agent)界面。当用户提到 MateChat Angular、matechat-ng、@matechat/ng,或需要用 Angular 实现聊天 UI、气泡、输入框、提示词、布局、附件、Markdown 卡片等组件时使用。

主要能力:组件分为对话组件(Bubble 气泡)、输入组件(Input 输入、Mention @提及)、布局组件(Layout 布局、Header 头部)、功能组件(Prompt 提示词、List 列表、Toolbar 工具栏)、文件组件(Attachment 附件上传)、展示组件(MarkdownCard 渲染 Markdown、Introduction 介绍)。每个组件提供 API 文档(props、events、slots、types)与 demo 示例,另有入门指南(安装、配置、主题等)。

使用方式:安装命令为 npm install @matechat/ng。在 Angular 独立组件中按需导入模块,例如 BubbleModule、InputModule、MarkdownCardModule。基础用法示例:<mc-bubble [content]="'Hello, MateChat'" [avatarConfig]="{ name: 'matechat' }"></mc-bubble>。主题可通过 devui-theme 的 ThemeServiceInit 配置,如 infinityTheme、galaxyTheme。设计组件前应先查阅对应组件的 API 文档。

适用场景:构建 Angular 聊天界面、对话式 AI 界面、智能体 UI,处理消息展示、用户输入、文件上传、Markdown 渲染、快捷提示与操作按钮等。

限制:资料未提供具体收费、价格、平台兼容范围与效果数据;组件完整属性与事件需查阅对应 api.md 与 demo.md。建议使用 Angular 17+ 独立组件与 TypeScript。