# cat_ai_agent

**Repository Path**: andy1234/cat_ai_agent

## Basic Information

- **Project Name**: cat_ai_agent
- **Description**: Spring AI Alibaba + 阿里云百炼 + postgresql 综合实践
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2026-07-17
- **Last Updated**: 2026-07-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



Based on the code map provided, I can see this is a Vue.js-based AI chat agent frontend application. Let me create a comprehensive README based on the project structure:

# Cat AI Agent

[README generated based on project analysis]

## 项目简介

Cat AI Agent 是一个基于 Vue.js 构建的 AI 智能助手聊天前端应用。该项目提供了一个现代化的聊天界面，支持用户与 AI 进行实时交互对话。

## 技术栈

- **前端框架**: Vue.js 3
- **构建工具**: Vite
- **HTTP 客户端**: Axios
- **编程语言**: TypeScript

## 功能特性

- 🤖 AI 智能对话交互
- 💬 现代化的聊天界面
- 👤 用户头像展示
- 🎨 消息气泡样式（AI/用户区分）
- ⏳ 加载状态显示（骨架屏）
- 📝 文本输入 composer
- 🔄 消息发送功能

## 项目结构

```
cat-ai-agent/
├── cat-ai-agent-frontend/          # 前端应用
│   ├── dist/                       # 构建输出
│   │   ├── assets/                 # 静态资源
│   │   │   ├── index-*.js          # JavaScript bundle
│   │   │   └── index-*.css         # 样式文件
│   │   └── index.html              # 入口 HTML
│   ├── node_modules/               # 依赖包
│   ├── index.html                  # 开发入口
│   └── package.json                # 项目配置
└── .mvn/                           # Maven 配置（后端）
```

## 界面组件

- **Sidebar**: 侧边栏导航
- **Topbar**: 顶部栏
- **Chat Area**: 聊天区域
- **Message**: 消息组件（支持 AI 和用户消息）
- **Bubble**: 消息气泡
- **Avatar**: 头像组件
- **Composer**: 消息输入组件
- **Skeleton**: 加载骨架屏

## 开发相关

### 前端依赖

项目使用以下主要依赖：
- vue: ^3.x
- axios: HTTP 请求库
- vite: 开发服务器和构建工具

### 运行项目

```bash
# 进入前端目录
cd cat-ai-agent-frontend

# 安装依赖
npm install

# 开发模式
npm run dev

# 构建生产版本
npm run build
```

## 许可证

请查看项目根目录下的 LICENSE 文件了解具体的开源许可协议。

---

*此 README 基于项目代码结构自动生成。*