跳转到主要内容

Documentation Index

Fetch the complete documentation index at: https://docs.codebanana.com/llms.txt

Use this file to discover all available pages before exploring further.

如何使用 CodeBanana

CodeBanana 是一个由 AI 驱动的个人应用与网站构建平台。您无需具备编码或技术背景,只需描述您想要创建的内容,CodeBanana 将完成剩余工作。

Agent

专注于生成新项目和构建复杂功能,是 CodeBanana 的核心功能。
Agent 作为一名 自主式虚拟开发者,能够深度理解项目上下文、规划架构逻辑,并执行全栈工程任务——将自然语言需求直接转化为可投入生产的应用。

您可以在 CodeBanana 上构建的内容示例

按照以下步骤,使用 CodeBanana 构建您的第一个应用,并持续优化,直到它符合您的理想设计。

准备开始了吗?

立即开始构建您的应用
「预计耗时:7 分钟」 Homepage
1

新建项目

进入上方所示的首页,点击 Get started:点击如下图所示的 +,然后选择 Create ProjectImage如下图所示,选择一个 Blank Project:
Studio Page
等待所有内容准备完成后,您就创建好了第一个项目。
2

向 Agent 描述您的想法

只需用您自己的话,在右侧告诉 Agent 您想构建什么,Agent 就会帮助您一步步实现。例如,您可以输入“一个德州扑克游戏”,或者任何您脑海中的想法。您可以尽可能详细地描述。这条初始提示词将帮助应用开始构建,之后您也可以随时继续补充功能或进行修改。
提示词是指您希望 Agent 执行任务的描述。
Image
您可以使用 My Agent 模式来梳理和完善您的想法,再将内容复制到 Team Agent 中进行构建。
您可以在提示词中附加文本和文件。完成全部信息描述后,点击发送按钮或按下 Enter,Agent 即会开始工作。Image
3

查看您的应用逐步成型

CodeBanana 会自动设计应用的外观,包括选择配色、布局按钮和组织菜单,使整体界面更加美观且功能运行流畅。Quickpreview在预览窗口中查看您的应用逐步生成。您可以立即探索应用,并通过点击预览来体验各项功能。任务完成后,预览窗口会自动打开。您也可以在新标签页中查看该页面;只需点击图片中所示的链接即可:QuickpreopenPreviewtab
4

优化您的应用

当您发现可以改进的地方时,可以继续与 AI 沟通,直到应用符合您的预期:Quick Revised您也可以使用截图来帮助描述您的想法;只需点击发送按钮旁边的附件按钮,或使用 Ctrl / command + V。Quickattachphoto

准备开始了吗?

立即开始构建您的应用