← ClaudeAtlas

genesislisted

太初有道,道生代码。从零搭建 React19+TailwindV4+Vite 前端、FastAPI Python 后端、Go Gin 后端、Taro 4.x 小程序。用户说"新建项目"、"初始化"、"从零开始"、"搭建项目"、"创建项目"、"生成落地页"、"生成官网"、"生成 Landing Page"、"动画提升"、"动效升级"、"新建小程序"、"创建小程序"、"Taro 项目"时触发。
aiskillstore/marketplace · ★ 329 · Web & Frontend · score 79
Install: claude install-skill aiskillstore/marketplace
# 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 ~/