与 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。

设定权限

按任务选择审批方式。

定时运行

按计划运行，结果保存在项目中。

开始你的项目。