開放生態/開源項目

開源項目

Agent Store Starter

讓 Claude Code 或 Codex 建立完整網店,毋須帳戶即可在本機預覽,再匯入 Foundax 上線。專案包含開源提示詞、Claude Code skill 和實際流程示範。

Agent Store Starter

從參考設計到可運行的網店

把參考案例和業務資料交給 coding agent,讓它一起完成店舖頁面、商品、運費、退貨、推廣活動和法律頁面。 在本機預覽中,可以體驗商品頁、購物車和模擬結帳。本機建站與預覽毋須註冊帳戶。

觀看完整流程

觀看 87 秒完整示範 · 觀看直向影片

影片展示 Nightfold 從 agent 建站,到匯入 Foundax、視覺化編輯、檢查上線準備情況和結帳的流程。 Nightfold 是虛構的示範店舖,錄製的付款流程使用測試環境。開頭的 agent 操作畫面根據真實對話記錄重現, 上線檢查畫面使用 UI 修復後的產品截圖。

一條指令開始

在空資料夾中,把以下提示詞傳給 Claude Code 或 Codex:

參考 HUSH 建立一個完整網店。執行以下指令,然後閱讀 AGENTS.md。
向我詢問網站名稱、市場、貨幣、語言和業務資料。
完成網站、業務資料、本機預覽和檢查。

npx foundax@latest init --showcase hush

選擇燈具店 HUSH 作為參考,或把 hush 換成 strata,從 STRATA 鍵盤店 開始。agent 會學習設計,再按你的品牌和商品重新建立。

檢查、預覽與上線

  • 執行 npx foundax@latest check,驗證業務資料並編譯店舖原始碼。
  • 執行 npx foundax@latest preview,在本機體驗商品頁、購物車和模擬結帳。
  • 執行 npx foundax@latest pack,在 Foundax 網站列表匯入 zip,建立草稿網站。
  • 審閱匯入結果、設定收款與網域,檢查上線準備情況後發佈。

匯入和託管需要 Foundax 帳戶。本機預覽不會產生真實付款或訂單。 匯入後,可以繼續透過視覺化編輯器或 coding agent 修改店舖。

哪些內容開源

提示詞、文件和 build-store Claude Code skill 採用 MIT 授權。 Foundax CLI、編譯工具鏈和店舖 SDK 可免費用於建站和預覽,但並非開源軟件。 示範影片和配樂採用獨立的素材授權說明。

需要 Node.js 20 或以上版本,支援 macOS 和 Linux;Windows 請使用 WSL。

在 GitHub 閱讀說明並使用 skill。 了解 Foundax CLI。