---
description: 项目信息数据源 - 技术栈、目录结构、公共资源清单。所有项目特定信息的唯一来源。
alwaysApply: true
---

# 项目信息 - {{PROJECT_NAME}}

---

## 项目概览

- **项目名称**：{{PROJECT_NAME}}
- **项目类型**：{{PROJECT_TYPE}}
- **项目描述**：{{PROJECT_DESCRIPTION}}
- **技术栈**：{{TECH_STACK}}

---

## 技术栈

### 核心框架

- **前端框架**：{{FRAMEWORK_NAME}} {{FRAMEWORK_VERSION}}
- **构建工具**：{{BUILD_TOOL_NAME}} {{BUILD_TOOL_VERSION}}
- **TypeScript**：{{TS_VERSION}}

### UI 框架

- **UI 库**：{{UI_LIBRARY}} {{UI_VERSION}}
- **常用组件**：{{UI_COMPONENT_EXAMPLES}}

### 状态管理

- **状态管理库**：{{STATE_MANAGEMENT}}
- **Store 模式**：{{STORE_PATTERN}}

### 路由系统

- **路由库**：{{FRAMEWORK_NAME}} Router {{ROUTER_VERSION}}
- **路由模式**：{{ROUTER_MODE}}

### 样式系统

- **CSS 预处理器**：{{CSS_PREPROCESSOR}}
- **响应式方案**：{{RESPONSIVE_MODE}}

#### 响应式配置 ⭐

| 配置项     | 值                            |
| ---------- | ----------------------------- |
| 设计稿宽度 | {{RESPONSIVE_DESIGN_WIDTH}}px |
| REM 基准值 | {{RESPONSIVE_REM_BASE}}px     |

**转换公式**：`设计稿px ÷ {{RESPONSIVE_REM_BASE}} = rem`

> 💡 边框等细线保持 1px，不转换

---

## 目录结构

```
{{DIRECTORY_TREE}}
```

### 关键目录

- **页面目录**：`{{PAGE_DIR}}/`
- **组件目录**：`components/`
- **类型定义**：{{TYPE_DEFINITIONS}}
- **路径别名**：{{PATH_ALIASES}}

---

## 公共资源

### 公共组件

> 💡 以下组件可直接复用，优先使用避免重复创建

{{GLOBAL_COMPONENTS}}

### 公共 CSS 类名

> 💡 以下类名可在 template 中直接使用

{{GLOBAL_CSS_CLASSES}}

---

> ⚙️ 本文件由 MCP Server 自动生成，占位符会在生成时替换