Coderblock

隆重推出 Agent Teams:一支 AI 智能体团队,一个项目

Agent Teams 为每个 Coderblock 项目带来前端、后端、UX、安全、营销等领域的专业 AI 智能体。你可以一边构建和完善真正的全栈应用,一边与最合适的专家对话。

1 min

构建 Web 应用需要处理许多不同的方面:界面、后端、数据库、用户体验、安全,以及产品准备就绪后的营销和市场推广。

借助 Agent Teams,Coderblock 带来了一种处理这些工作的全新方式:你可以直接在同一个项目中,与不同领域的专业 AI 智能体对话。

你不必再让一个通用助手处理所有任务,而是可以根据当前问题选择最合适的专家:前端、后端、UX、安全或营销。项目始终是同一个,相关上下文也会保留在同一环境中,让你能够在不同领域之间顺畅切换,而不会打断开发流程。

为每项任务匹配合适的专家

产品的每个部分都需要不同的技能和优先级。 前端智能体可以专注于布局、组件和响应式设计;后端智能体可以处理数据库、应用逻辑和服务端服务;UX 智能体可以分析用户流程和易用性;安全智能体则可以负责身份验证、角色和权限。 通过 Agent Teams,你可以与以下领域的专业智能体协作:

  • 前端 — React 界面、Tailwind CSS、响应式设计和交互。
  • 后端 — 数据库、应用逻辑、API 和服务端函数。
  • UX — 信息架构、用户引导、导航和易用性。
  • 安全 — 身份验证、角色、权限和 Row Level Security。
  • 营销 — 产品定位、落地页、营销信息和市场推广策略。

专业分工并不意味着需要创建多个项目或更换工具。所有智能体都在同一个 Coderblock 项目中工作,共同完善同一款应用。 例如,创建一个预订平台后,你可以:

请 UX 智能体简化预订流程。

然后:

请后端智能体将可用时段和预订信息添加到数据库中。

最后:

请安全智能体确认每位客户只能查看自己的预订。

同一款产品,多种专业视角。一支团队,共同构建一款全栈应用。 当专业分工用于打造一个完整、互联的产品时,其价值尤为突出。在 Coderblock 中,Agent Teams 会在包含真正前端、后端和数据库的项目环境中工作。

对于标准 Web 应用,Coderblock 会生成基于 React、Vite、TypeScript 和 Tailwind CSS 的前端。每款应用都会使用一个独立的 Supabase 项目,其中包括 Postgres、Supabase Auth、Storage、Row Level Security 和 Deno Edge Functions。Enterprise Web Platform 项目则使用 Python、FastAPI 和 Neon Postgres 数据库。

应用会通过 <app>.coderblock.dev 提供实时开发预览。每当你提出修改要求,预览都会在几秒内更新,让你可以直接在运行中的产品里评估结果,而不是查看孤立的代码片段。

这个共享的工作目标非常重要。像“添加团队账户和管理员视图”这样的需求,并不只是界面任务。它可能涉及新的数据库关系、需要身份验证的路由、访问策略、基于角色的组件,以及管理员操作流程。借助 Agent Teams,用户可以让最合适的专家分别处理这些工作,而无需切换到传统的手动编程流程。

一支团队,一款真正的全栈应用

Agent Teams 旨在直接处理真实产品,而不是孤立的代码片段。 对于标准 Web 应用,Coderblock 会生成基于 React、Vite、TypeScript 和 Tailwind CSS 的前端,以及由独立 Supabase 项目支持的完整后端,其中包括 Postgres、Auth、Storage、Row Level Security 和 Edge Functions。 这让智能体能够处理应用的不同层级,同时始终围绕同一个项目展开工作。 例如,以下需求:

“添加团队账户和管理员仪表板。”

可能远不只是增加一个新页面,还可能意味着:

  • 新的数据库关系;
  • 新的用户角色;
  • 身份验证;
  • 受保护的路由;
  • 访问策略;
  • 针对不同角色的专属组件;
  • 新的管理员操作流程。

通过 Agent Teams,你可以让最合适的专家处理每一个方面,同时继续在同一款应用上工作。 项目的实时预览位于 <app>.coderblock.dev,让你可以立即检查结果,并通过对话继续迭代。

从第一个提示词到最后的打磨

你可以从零开始,用自然语言描述自己的想法,也可以从 Coderblock 提供的产品模板中选择一个作为起点。 生成第一个版本后,Agent Teams 在后续完善阶段会尤其有用。 例如,你可以提出以下要求:

“让移动端导航更简单。”

“添加 Google 登录。”

“检查用户是否可能访问其他账户的数据。”

“分析用户引导流程并减少操作步骤。”

“添加每月 9.99 欧元的订阅方案。”

“针对小型咨询团队重新优化首页。”

你不需要把每项需求都转换成技术规格。只需描述想要实现的结果,再由专业智能体完成必要的实现工作。

专业分工更细,上下文依然完整

Agent Teams 的主要优势之一,就是能够拆分专业能力,而无需拆分项目。 在传统流程中,设计、前端开发、后端开发、安全和营销可能涉及不同的工具、文档和人员。

借助 Agent Teams,你可以直接在正在构建的产品环境中处理这些领域的工作。

创业者可以从定义 MVP 转向设计用户体验,再继续处理身份验证和支付。 代理机构可以在同一个项目中为客户创建初始版本、完善设计,并检查安全要求。 产品经理可以在实时预览中测试新流程,并直接让智能体进行修改,无需把每项决策都转换成面向开发团队的技术规格。

从 AI 团队到真实产品

Agent Teams 已集成到 Coderblock 的完整工作流中。

你可以创建应用、与专业智能体协作、在实时预览中检查每项修改,并在项目准备就绪后,一键发布到 <app>.coderblock.app,其中包含 SSL。你还可以绑定自定义域名,并在产品上线后继续使用 Coderblock 推动产品迭代。

因此,发布并不意味着流程结束:你可以随时返回项目,启用另一位智能体,并继续通过对话改进应用。

与 AI 协作的全新方式

Agent Teams 进一步拓展了 Coderblock 的对话优先模式。 它不仅仅是让 AI 构建一款应用,更让你能够在同一个产品中与多位 AI 专家协作,并根据当前任务选择最有用的专业能力。

一个项目。多个智能体。一套工作流。 借助 Agent Teams,Coderblock 将 vibe coding 推向新的阶段:从单一 AI 助手升级为一支真正的 AI 团队,与你共同构建、完善并发展产品

立即在 Coderblock 上开始构建