genesis by aiskillstore

---
name: genesis
description: 太初有道，道生代码。从零搭建 React19+TailwindV4+Vite 前端、FastAPI Python 后端、Go Gin 后端、Taro 4.x 小程序。用户说"新建项目"、"初始化"、"从零开始"、"搭建项目"、"创建项目"、"生成落地页"、"生成官网"、"生成 Landing Page"、"动画提升"、"动效升级"、"新建小程序"、"创建小程序"、"Taro 项目"时触发。
---

# Genesis

> 太初有道，道生代码

---

## 首要决策：初始化模式

**在开始前，必须询问用户选择初始化模式：**

| 模式            | 说明                               | 适用场景                       |
| --------------- | ---------------------------------- | ------------------------------ |
| **A. 模板复制** | 直接复制 `templates/` 下的现成项目 | 快速启动、标准项目、不需要定制 |
| **B. AI 生成**  | 根据 `references/` 文档从零构建    | 深度定制、学习过程、特殊需求   |

**询问话术**：

> 请选择初始化模式：
>
> - **A 模板复制**：秒级启动，复制现成模板
> - **B AI 生成**：逐步构建，可深度定制
>
> 输入 A 或 B：

---

## 决策流程

```
用户触发 "新建项目"
    ↓
确认项目类型 → Web 前端 / Python 后端 / Go 后端 / Taro 小程序
    ↓
确认项目名称和目标目录
    ↓
询问初始化模式 → A 模板复制 / B AI 生成
    ↓
A: 复制模板 → 改名 → 安装依赖 → 完成
B: 读取 references → 逐步执行 → 完成
```

---

## 前端初始化（React + 设计系统）

**触发词**：创建 React 项目、新建前端项目、Web 应用、H5 项目

**技术栈**：React 19 + Vite + TailwindCSS V4 + shadcn/ui

### 模式 A：模板复制（秒级完成）

**直接执行，无需确认**：

```bash
cp -r ~/.claude/skills/genesis/templates/web-react {目标目录}
cd {目标目录} && sed -i '' 's/"name": "web-react"/"name": "{项目名}"/g' package.json
npm install && npm run dev
```

**模板已包含**：Vite + React 19 + TailwindCSS V4 + shadcn/ui + 微拟物光影

### 模式 B：AI 生成

**执行顺序**：

1. 读取 [web-react.md](references/web-react.md) → 搭建 Vite + React + Tailwind 环境
2. 读取 [design-system.md](references/design-system.md) → 集成 shadcn/ui 组件库
3. 读取 [design-enhance.md](references/design-enhance.md) → 应用微拟物光影质感

---

## Python 后端初始化（FastAPI）

**触发词**：Python 后端、FastAPI、新建 API、初始化 Python 项目、创建 Python 项目

**技术栈**：FastAPI + UV + SQLModel + AsyncPG

### 模式 A：模板复制（秒级完成）

**直接执行，无需确认**：

```bash
cp -r ~/.claude/skills/genesis/templates/backend-python {目标目录}
cd {目标目录} && sed -i '' 's/name = "backend-python"/name = "{项目名}"/g' pyproject.toml
uv sync && ./local-run.sh
```

**模板已包含**：FastAPI + UV + SQLModel + AsyncPG + 统一响应格式

### 模式 B：AI 生成

**参考文档**：[backend-python.md](references/backend-python.md)

按文档逐步执行：环境初始化 → 目录结构 → 核心模块 → 路由配置

---

## Taro 小程序初始化（React + Tailwind）

**触发词**：新建小程序、创建小程序、Taro 项目、小程序开发、跨端小程序

**技术栈**：Taro 4.x + React 18 + TailwindCSS V4 + weapp-tailwindcss

### 模式 A：模板复制（秒级完成）

**直接执行，无需确认**：

```bash
cp -r ~/.claude/skills/genesis/templates/miniapp {目标目录}
cd {目标目录}
sed -i '' 's/"name": "mini0app"/"name": "{项目名}"/g' package.json
sed -i '' 's/projectName: '\''mini0app'\''/projectName: '\''${项目名}'\''/g' config/index.js
npm install && npm run dev:weapp
```

**模板已包含**：Taro 4.x + React + TailwindCSS V4 + weapp-tailwindcss + tweakcn 主题 + 跨端配置

### 模式 B：AI 生成

**参考文档**：[taro-miniapp.md](references/taro-miniapp.md)

按文档逐步执行：Taro CLI 初始化 → Tailwind 集成 → weapp-tailwindcss 配置 → tweakcn 主题集成 → 多端适配

**支持平台**：

- 微信小程序 (`npm run dev:weapp`)
- 支付宝小程序 (`npm run dev:alipay`)
- 抖音小程序 (`npm run dev:tt`)
- H5 (`npm run dev:h5`)

---

## Go 后端初始化（Gin）

**触发词**：Go 后端、Gin、Go API、初始化 Go 项目、创建 Go 项目

**技术栈**：Go + Gin + GORM + Viper

### 模式 A：模板复制（秒级完成）

**直接执行，无需确认**：

```bash
cp -r ~/.claude/skills/genesis/templates/backend-go {目标目录}
cd {目标目录}
# 替换模块名（go.mod + 所有 import）
find . -type f -name "*.go" -exec sed -i '' 's|backend-go|{项目名}|g' {} +
sed -i '' 's|module backend-go|module {项目名}|g' go.mod
go mod tidy && go run cmd/api/main.go
```

**模板已包含**：Gin + GORM + Viper + 标准目录结构 + 中间件

### 模式 B：AI 生成

**参考文档**：[backend-go.md](references/backend-go.md)

按文档逐步执行：go mod init → 目录结构 → 核心模块 → 路由配置

---

## 动画提升（React 项目）

**触发词**：动画提升、Apple 动效、添加动画、动效升级

**前置条件**：已完成前端初始化 + 页面内容搭建

**参考文档**：[design-motion.md](references/design-motion.md)

**执行内容**：

- 为现有 React 项目添加 Framer Motion 动画
- Apple 级 Spring 物理引擎
- 页面路由过渡、组件交互动效

---

## Landing Page 生成（React 项目）

**触发词**：生成落地页、生成 Landing Page、生成官网首页、生成产品页、做一个落地页

**前置条件**：已完成前端初始化

**参考文档**：[landing-page.md](references/landing-page.md)

**执行内容**：

- 一次性生成生产级落地页
- 10 个标准 Section 组件
- 遵循设计系统约束
- Framer Motion 入场动画
- 响应式 + 可访问性

---

## 通用原则

### 模式选择建议

| 场景                     | 推荐模式   |
| ------------------------ | ---------- |
| 快速原型、标准项目       | A 模板复制 |
| 学习技术栈、理解构建过程 | B AI 生成  |
| 需要深度定制、非标准配置 | B AI 生成  |
| 团队统一模板、批量创建   | A 模板复制 |

### 初始化检查清单

- [ ] 确认项目类型
- [ ] 确认项目名称（小写+连字符）
- [ ] 确认目标目录
- [ ] 确认初始化模式（A/B）
- [ ] 安装依赖并验证运行

---

## 交互规范

1. **必须询问模式**：A 模板复制 or B AI 生成
2. **验证运行**：确保项目能正常启动
3. **模板自带文档**：L1/L2/L3 分形文档已内置于模板中，无需额外构建