skills/bellybook/genesis/SKILL.md
太初有道,道生代码。从零搭建 React19+TailwindV4+Vite 前端、FastAPI Python 后端、Go Gin 后端、Taro 4.x 小程序。用户说"新建项目"、"初始化"、"从零开始"、"搭建项目"、"创建项目"、"生成落地页"、"生成官网"、"生成 Landing Page"、"动画提升"、"动效升级"、"新建小程序"、"创建小程序"、"Taro 项目"时触发。
npx skillsauth add aiskillstore/marketplace genesisInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
太初有道,道生代码
在开始前,必须询问用户选择初始化模式:
| 模式 | 说明 | 适用场景 |
| --------------- | ---------------------------------- | ------------------------------ |
| A. 模板复制 | 直接复制 templates/ 下的现成项目 | 快速启动、标准项目、不需要定制 |
| B. AI 生成 | 根据 references/ 文档从零构建 | 深度定制、学习过程、特殊需求 |
询问话术:
请选择初始化模式:
- A 模板复制:秒级启动,复制现成模板
- B AI 生成:逐步构建,可深度定制
输入 A 或 B:
用户触发 "新建项目"
↓
确认项目类型 → Web 前端 / Python 后端 / Go 后端 / Taro 小程序
↓
确认项目名称和目标目录
↓
询问初始化模式 → A 模板复制 / B AI 生成
↓
A: 复制模板 → 改名 → 安装依赖 → 完成
B: 读取 references → 逐步执行 → 完成
触发词:创建 React 项目、新建前端项目、Web 应用、H5 项目
技术栈:React 19 + Vite + TailwindCSS V4 + shadcn/ui
直接执行,无需确认:
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 + 微拟物光影
执行顺序:
触发词:Python 后端、FastAPI、新建 API、初始化 Python 项目、创建 Python 项目
技术栈:FastAPI + UV + SQLModel + AsyncPG
直接执行,无需确认:
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 + 统一响应格式
参考文档:backend-python.md
按文档逐步执行:环境初始化 → 目录结构 → 核心模块 → 路由配置
触发词:新建小程序、创建小程序、Taro 项目、小程序开发、跨端小程序
技术栈:Taro 4.x + React 18 + TailwindCSS V4 + weapp-tailwindcss
直接执行,无需确认:
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 主题 + 跨端配置
参考文档:taro-miniapp.md
按文档逐步执行:Taro CLI 初始化 → Tailwind 集成 → weapp-tailwindcss 配置 → tweakcn 主题集成 → 多端适配
支持平台:
npm run dev:weapp)npm run dev:alipay)npm run dev:tt)npm run dev:h5)触发词:Go 后端、Gin、Go API、初始化 Go 项目、创建 Go 项目
技术栈:Go + Gin + GORM + Viper
直接执行,无需确认:
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 + 标准目录结构 + 中间件
参考文档:backend-go.md
按文档逐步执行:go mod init → 目录结构 → 核心模块 → 路由配置
触发词:动画提升、Apple 动效、添加动画、动效升级
前置条件:已完成前端初始化 + 页面内容搭建
参考文档:design-motion.md
执行内容:
触发词:生成落地页、生成 Landing Page、生成官网首页、生成产品页、做一个落地页
前置条件:已完成前端初始化
参考文档:landing-page.md
执行内容:
| 场景 | 推荐模式 | | ------------------------ | ---------- | | 快速原型、标准项目 | A 模板复制 | | 学习技术栈、理解构建过程 | B AI 生成 | | 需要深度定制、非标准配置 | B AI 生成 | | 团队统一模板、批量创建 | A 模板复制 |
development
Apple Human Interface Guidelines for content display components. Use this skill when the user asks about charts component, collection view, image view, web view, color well, image well, activity view, lockup, data visualization, content display, displaying images, rendering web content, color pickers, or presenting collections of items in Apple apps. Also use when the user says how should I display charts, what's the best way to show images, should I use a web view, how do I build a grid of items, what component shows media, or how do I present a share sheet. Cross-references: hig-foundations for color/typography/accessibility, hig-patterns for data visualization patterns, hig-components-layout for structural containers, hig-platforms for platform-specific component behavior.
tools
Automate HelpDesk tasks via Rube MCP (Composio): list tickets, manage views, use canned responses, and configure custom fields. Always search tools first for current schemas.
testing
Expert Haskell engineer specializing in advanced type systems, pure functional design, and high-reliability software. Use PROACTIVELY for type-level programming, concurrency, and architecture guidance.
tools
GraphQL gives clients exactly the data they need - no more, no less. One endpoint, typed schema, introspection. But the flexibility that makes it powerful also makes it dangerous. Without proper controls, clients can craft queries that bring down your server. This skill covers schema design, resolvers, DataLoader for N+1 prevention, federation for microservices, and client integration with Apollo/urql. Key insight: GraphQL is a contract. The schema is the API documentation. Design it carefully.