# 前端规则文件索引

本目录包含 `sie-front-demo` 的 AI 开发规则。生成或修改代码前，先按任务类型读取对应规则。

## 文件组织

```text
.claude/rules/
├── INDEX.md
├── project-overview.md
├── gushen-components.md
├── page-development-rules.md
├── api-i18n-rules.md
└── page-template-index.md
```

## 推荐读取顺序

### 新增普通业务页面

1. `project-overview.md`
2. `page-development-rules.md`
3. `gushen-components.md`
4. `api-i18n-rules.md`
5. `page-template-index.md`

### 新增列表页

1. `gushen-components.md`
2. `page-development-rules.md`
3. `api-i18n-rules.md`
4. `page-template-index.md`

### 新增表单或流程页面

1. `page-development-rules.md`
2. `api-i18n-rules.md`
3. `page-template-index.md`

### 选择复杂页面模板

1. `page-template-index.md`
2. 根据选中的模式补读 `gushen-components.md` 或 `api-i18n-rules.md`

### 使用 `@gushen` 组件

1. `gushen-components.md`
2. 如规则不足，读取 `node_modules/@gushen/*/src` 中对应组件源码。

## 维护要求

- 新增规则文件时，同步更新本索引和根目录 `claude.md`。
- 修改页面模板候选时，同步更新 `page-template-index.md`。
- 组件依赖升级后，重新读取 `node_modules/@gushen/*/src`，再更新 `gushen-components.md`。