genesis
建立全端入門專案
開始建置現代應用程式時,通常需要做許多設定決策並重複撰寫樣板程式碼。Genesis 為 Claude、Codex 和 Claude Code 提供結構化範本,涵蓋前端、後端、miniapps、到達頁面與動效升級。
下載技能 ZIP
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
開啟並開始使用
Agent 可讀資源
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時,請使用這些連結。
測試它
正在使用「genesis」。 Create a React project called analytics-console.
預期結果:
助理會詢問目標目錄與模式,複製或產生 React 結構,更新專案名稱,在核准後安裝相依套件,並回報本機開發指令。
正在使用「genesis」。 Create a Python backend for user profiles.
預期結果:
助理會準備 FastAPI 資料夾、設定、資料庫 session 檔案、routers 與本機執行 script,然後列出必要的環境值。
正在使用「genesis」。 Add motion to this existing React page.
預期結果:
助理會檢視目前的元件,加入 Framer Motion transitions,調整 hover states,並維持版面配置與可存取性完整。
安全審計
中風險Static analysis reported many high-risk patterns, but manual review found most were false positives from markdown examples, CSS color tokens, Go checksum data, fixed build paths, and SQLModel session.exec calls. The skill is still medium risk because it guides agents to copy files, run package managers and dev servers, read environment configuration, and generate networked backend templates. Publish with a warning to review commands and dependencies before execution.
中風險問題 (3)
低風險問題 (2)
風險因素
⚙️ 外部命令 (7)
🌐 網路存取 (3)
📁 檔案系統存取 (5)
⚡ 包含腳本 (4)
偵測到的模式
品質評分
你可以打造什麼
原型化產品介面
建立具備 Tailwind 樣式與可重用 UI 元件的 React 入門專案,用於快速驗證。
啟動 API 服務
產生具備路由、設定、資料庫存取與本機執行指令的 FastAPI 或 Go Gin 後端。
建置跨平台 Miniapp
使用 Taro 指引開始建立具備 React、Tailwind 與平台建置目標的 miniapp 專案。
試試這些提示
Create a React project named customer-portal. Ask me for the target directory and initialization mode first.
Create a FastAPI backend named billing-api. Use the template mode and show each command before running it.
Add a production-ready landing page to this React project. Follow the Genesis landing page reference and keep components reusable.
Create a React frontend and Go Gin backend for an internal dashboard. Use AI generation mode, explain the structure, and pause before dependency installation.
最佳實務
- 執行 package managers 或 dev servers 前,先審查產生的指令。
- 初始化前明確設定專案名稱與目標目錄。
- 正式環境使用前,替換示範用的 CORS、database 與 environment settings。
避免
- 不要在未審查的情況下,於敏感目錄中執行產生的設定指令。
- 不要提交 .env files 或產生後端中的真實 database credentials。
- 不要在未進行相依套件與安全強化的情況下部署入門範本。
常見問題
Genesis 會建立什麼?
它會自動執行指令嗎?
我可以搭配 Codex 使用它嗎?
它適合正式環境專案嗎?
它包含後端資料庫設定嗎?
它可以修改既有 React 專案嗎?
開發者詳細資訊
檔案結構
📁 cmd/
📁 api/
📁 configs/
📁 common/
📁 config/
📁 dto/
📁 handler/
📁 router/
📁 service/
📁 locales/
📄 en.toml
📄 zh.toml
📁 pkg/
📁 base/
📄 go.mod
📄 go.sum
📁 app/
📁 db/
📁 models/
📁 router/
📁 schemas/
📁 utils/
📄 main.py
📄 uv.lock
📁 miniapp/
📁 config/
📄 dev.js
📄 index.js
📄 prod.js
📁 src/
📁 pages/
📄 app.css
📄 app.js
📁 public/
📄 vite.svg
📁 src/
📁 lib/
📄 App.jsx
📄 main.jsx
📄 LICENSE
📄 SKILL.md