# Web Builder 计划

## 项目概况

- **项目名称**：[待定]
- **一句话描述**：[待定]
- **项目原型**：[待定] <!-- static | spa | fullstack | separated -->
- **当前阶段**：Phase 0 - 需求采集

---

## 需求采集记录 (Phase 0)

### 已确认需求

- [ ] 项目目标和目标用户
- [ ] 核心功能 / 页面列表
- [ ] 设计风格偏好
- [ ] 是否需要后端（是/否）
- [ ] 是否需要用户认证（是/否）

### 用户回答

> （每轮问答后把关键信息追加在这里）

---

## 技术方案 (Phase 1)

| 层级     | 选型 | 理由 |
| -------- | ---- | ---- |
| 前端框架 |      |      |
| UI/样式  |      |      |
| 后端     | 无   |      |
| 数据库   | 无   |      |

### 本地启动方式

```bash
# （定型后填写）
```

### 目录结构

```
# （定型后填写）
```

---

## 设计规格 (Phase 2)

<!-- 根据项目风格定义色彩、字体、圆角、间距等，建议以 CSS 变量形式记录 -->

## 页面与组件规划 (Phase 2)

### 路由表

| 路由 | 页面名 | 描述 | 状态 |
| ---- | ------ | ---- | ---- |

### 页面区块

<!-- 每个页面拆解至区块级别，描述具体内容，例如：
#### 首页 `/`
- [ ] Hero 区：主标题 + 副标题 + CTA 按钮
- [ ] 特性展示：3-4 张卡片
- [ ] 底部 CTA
-->

### 共享组件

<!-- Header、Footer、Sidebar、Card、Button 等，列出变体和状态 -->

### 数据模型（如有后端）

<!-- 类型定义或数据库 Schema -->

---

## 实现进度 (Phase 3)

### 基础设施

- [ ] 项目结构（目录、配置文件、依赖管理文件）
- [ ] 全局样式 / Design Tokens
- [ ] 布局组件（Header / Footer）
- [ ] 路由配置

### 页面实现

<!-- 从路由表生成，每个页面一个子清单 -->

### 后端实现（如有）

- [ ] API 路由
- [ ] 数据库 Schema
- [ ] CRUD 接口
- [ ] 认证中间件

---

## 验证与收尾 (Phase 4)

### 启动验证

- [ ] 依赖安装成功
- [ ] 构建通过
- [ ] 开发服务器正常启动
- [ ] 所有路由可访问，页面正常渲染
- [ ] 浏览器控制台无红色错误
- [ ] 后端 API 正常返回数据（如有）

### 打磨清单

- [ ] 响应式适配（手机 / 平板 / 桌面）
- [ ] 所有交互元素有 hover/active/focus 状态
- [ ] 加载状态（不能白屏）
- [ ] 错误状态
- [ ] 空状态
- [ ] 表单验证
- [ ] favicon
- [ ] README.md（含环境要求、安装与启动步骤、目录说明）

---

## 启动交付 (Phase 5)

- [ ] 开发服务器保持后台运行
- [ ] 本地访问链接已输出（Markdown 超链接格式）
- [ ] 局域网访问链接已输出（Markdown 超链接格式）
- [ ] 项目已完成并交付