Agent skill · software engineering · aiskillstore
genesis
太初有道,道生代码。从零搭建 React19+TailwindV4+Vite 前端、FastAPI Python 后端、Go Gin 后端、Taro 4.x 小程序。用户说"新建项目"、"初始化"、"从零开始"、"搭建项目"、"创建项目"、"生成落地页"、"生成官网"、"生成 Landing Page"、"动画提升"、"动效升级"、"新建小程序"、"创建小程序"、"Taro 项目"时触发。
Why this skill is useful
Adds multiple executable scripts for initializing various project types with specific tech stacks, which the AI cannot generate on its own.
What it needs
Requires npm installed locally. About 2k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
Genesis 太初有道,道生代码 --- 首要决策:初始化模式 在开始前,必须询问用户选择初始化模式: 模式 说明 适用场景 --------------- ---------------------------------- ------------------------------ A. 模板复制 直接复制 templates/ 下的现成项目 快速启动、标准项目、不需要定制 B. AI 生成 根据 references/ 文档从零构建 深度定制、学习过程、特殊需求 询问话术: 请选择初始化模式: - A 模板复制:秒级启动,复制现成模板 - B AI 生成:逐步构建,可深度定制 输入 A 或 B: --- 决策流程 --- 前端初始化(React + 设计系统) 触发词:创建 React 项目、新建前端项目、Web 应用、H5 项目 技术栈:React 19 + TypeScript + Vite + TailwindCSS V4 + shadcn/ui 模式 A:模板复制(秒级完成) 直接执行,无需确认: 模板已包含:Vite + React 19 + TypeScript + TailwindCSS V4 + shadcn/ui + 微拟物光影 模式 B:AI 生成 执行顺序: 1. 读取 web-react.md → 搭建 Vite + React + TypeScript + Tailwind 环境 2. 读取 design-system.md → 集成 shadcn/ui 组件库 3. 读取 design-enhance.md → 应用微拟物光影质感 --- Python 后端初始化(FastAPI) 触发词:Python 后端、FastAPI、新建 API、初始化 Python 项目、创建 Python 项目 技术栈:FastAPI + UV + SQLModel + AsyncPG 模式 A:模板复制(秒级完成) 直接执行,无需确认: 模板已包含:FastAPI + UV + SQLModel + AsyncPG + 统一响应格式 模式 B:AI 生成 参考文档:backend-python.md 按文档逐步执行:环境初始化 → 目录结构 → 核心模块 → 路由配置 --- Taro 小程序初始化(React + Tailwind) 触发词:新建小程序、创建小程序、Taro 项目、小程序开发、跨端小程序 技术栈:Taro 4.x + React 18 + TailwindCSS V4 + weapp-tailwindcss 模式 A:模板复制(秒级完成) 直接执行,无需确认: 模板已包含:Taro 4.x + React + TailwindCSS V4 + weapp-tailwindcss + tweakcn 主题 + 跨端配置 模式 B:AI 生成 参考文档: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:模板复制(秒级完成) 直接执行,无需确认: 模板已包含:Gin + GORM + Viper + 标准目录结构 + 中间件 模式 B:AI 生成 参考文档:backend-go.md 按文档逐步执行:go mod init → 目录结构 → 核心模块 → 路由配置 --- 动画提升(React 项目) 触发词:动画提升、Apple 动效、添加动画、动效升级 前置条件:已完成前端初始化 + 页面内容搭建 参考文档:design-motion.md 执行内容: 为现有 React 项目添加 Framer Motion 动画 Apple 级 Spring 物理引擎 页面路由过渡、组件交互动效 --- Landing Page 生成(React 项目) 触发词:生成落地页、生成 Landing Page、生成官网首页、生成产品页、做一个落地页 前置条件:已完成前端初始化 参考文档:landing-page.md 执行内容: 一次性生成生产级落地页 10 个标准 Section 组件 遵循设计系统约束 Framer Motion 入场动画 响应式 + 可访问性 --- 通用原则 模式选 …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/genesis