與 Agent 一起開發。

在雲端使用 Claude Code，編寫程式、測試並審查。

打開工作台登入並打開工作台管理後台查看價格

改進登入流程

需求.md

把登入頁改為電郵驗證碼登入，保留現有佈局。

已更新登入流程，並補充邊界測試。

用時 43 秒

localhost:3000/

◈ Forma

Forma / Workspace2026

src/auth/LoginForm.tsx

// Email verification, without changing the layout.
export async function sendCode(email: string) {
  if (!isValidEmail(email)) {
    return { error: 'Enter a valid email' }
  }

  const result = await auth.sendCode({ email })
  return { sent: result.ok }
}

TypeScript UTF-8

本輪改動 +18−6

src/auth/LoginForm.tsx+12−6

@@ -24,7 +24,9 @@
  const { email } = form.values
− await auth.signIn({ email, password })
+ const result = await auth.sendCode({ email })
+ if (result.ok) setStep('verify')
  return result

src/auth/LoginForm.test.tsx+6

+ it('rejects an invalid email', ...)
+ it('prevents duplicate requests', ...)

Agent

~/website · main
$ npm test

 LoginForm.test.tsx
   validates email before sending
   prevents duplicate requests
   preserves the desktop layout

Test Files  1 passed
     Tests  3 passed

Process exited with code 0.

工作台互動示例試試預覽、變更和終端

交給 Agent

描述需求，Agent 讀取程式、修改檔案、執行測試。

瞭解工作流程

改進登入流程已完成

把登入頁改為電郵驗證碼登入，保留現有佈局。

讀取src/auth/LoginForm.tsx

編輯LoginForm.tsx+12−6

執行npm test3 passed

已更新登入流程，並補充邊界測試。

改動 2 個檔案 +18−6

繼續追問，@ 引用檔案

＋完全訪問Claude Code

審查後再交付

查看差異和審查結果，確認後推送。

查看全部功能

變更深度審查

src/auth/LoginForm.tsx+12−6

@@ -24,7 +24,9 @@  const { email } = form.values− await auth.signIn({ email, password })+ const result = await auth.sendCode({ email })+ if (result.ok) setStep('verify')

src/auth/LoginForm.test.tsx+6

+ it('rejects an invalid email', ...)+ it('prevents duplicate requests', ...)

LoginForm.tsx:31建議

發送驗證碼後先停用按鈕，避免重複請求。

main1 個提交待推送推送

關掉瀏覽器，任務繼續

任務在雲端繼續，回來查看進度。

在手機上繼續

查看進度、回答追問、審查改動。

執行控制

選擇模型

使用 Claude Code，或接入兼容 OpenAI、Anthropic 協定的自有 API。

設定權限

按任務選擇審批方式。

定時執行

按計劃執行，結果儲存在專案中。

開始你的專案。