快速開始

這個 Skill 會幫你做什麼？

當你說「幫我整合 Recur」或「設定金流」時，AI 會引導你完成以下步驟：

1. 安裝 SDK

pnpm add recur-tw

2. 設定環境變數

AI 會幫你檢查並設定必要的環境變數：

RECUR_PUBLISHABLE_KEY=pk_test_xxx
RECUR_SECRET_KEY=sk_test_xxx

3. 加入 Provider

在你的 React App 中加入 RecurProvider：

import { RecurProvider } from 'recur-tw'

export default function App({ children }) {
  return (
    <RecurProvider
      config={{
        publishableKey: process.env.NEXT_PUBLIC_RECUR_PUBLISHABLE_KEY,
      }}
    >
      {children}
    </RecurProvider>
  )
}

4. 建立第一個 Checkout

AI 會根據你的需求產生適合的 checkout 程式碼。

適用情境

• 剛開始整合 Recur，不知道從哪裡開始
• 想快速驗證 Recur 是否符合需求
• 需要一個可運作的範例作為起點