> For the complete documentation index, see [llms.txt](https://docs.theseaai.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.theseaai.com/main/ch/onboarding/playground.md).

# 创作空间

让我们学习创作空间的基础知识。

在我们开始使用 Beachside 创作之前，以下是一些关于如何浏览我们界面的提示。了解这 6 个概念后，您就可以开始了！

{% @arcade/embed flowId="JXHS0kU4v5UsFb3MKItr" url="<https://app.arcade.software/share/JXHS0kU4v5UsFb3MKItr>" %}

1. **创作空间名称：** 随时双击即可更改名称。
2. **无限画布：** 您可以自由缩放，并创建任意数量的场景。
3. **场景：** 这是我们对您在创作空间内所创作内容的称呼。
4. **资源库：** 访问团队资源并上传文件，以便在创作空间中使用。
5. **任务菜单：** 基于意图的创意操作。
6. **工具菜单：** 用于协助和支持任务的手动工具。

***

## 打开您的创作空间

打开创作空间时，系统会提示您选择从图片还是文本开始。使用 Beachside，您可以通过文本提示从零开始创建图片，或基于现有图片继续创作。选择 <kbd><mark style="color:$primary;">**从图片开始**<mark style="color:$primary;"></kbd>.

<div data-with-frame="true"><figure><img src="https://2190407032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FnfIVdCNQcHe5yJezVfWL%2Fgitbook_gettingstarted_13.png?alt=media&amp;token=dacb49bd-3104-4c88-9cb8-b2da0cadf22d" alt=""><figcaption></figcaption></figure></div>

&#x20;

***

## 将资源上传至您的资源库

生成前，请保存这些图片资源并将其上传至您的创作空间资源库。上传到此处后，您无需再次上传。在进入下一步之前，请下载并将其存储在本地。

{% file src="/files/bf91030c605e57425ddfb079ec9351ba35b590a1" %}

{% file src="/files/76cdb7f6303238068ca2864d9c60847c855a4cb9" %}

{% stepper %}
{% step %}

### 打开上传面板

在屏幕左下方，选择 <i class="fa-arrow-up-from-bracket" style="color:$primary;">:arrow-up-from-bracket:</i> 上传面板上的图标：

<div data-with-frame="true"><figure><img src="https://2190407032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FOexCTgIrzWXmEGGvIEXF%2Fgitbook_gettingstarted_15.png?alt=media&amp;token=4823472d-83e5-443c-b084-a67912350613" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}

### 上传您的图片

1. 选择并上传您的文件\
   通过选择图片文件或将其拖拽至指定区域来上传。每个文件最大可为 30MB，您最多可同时上传 10 个文件。
2. 选择 <kbd><mark style="color:$primary;">**确认**<mark style="color:$primary;"></kbd> 以完成上传并返回创作空间。

<div data-with-frame="true"><figure><img src="https://2190407032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FvbPRvtO6SRAxMbxYBEmH%2Fgitbook_gettingstarted_16.png?alt=media&amp;token=6b16dfb4-cc28-457c-8913-1e2fdd6a479d" alt=""><figcaption></figcaption></figure></div>

<div data-with-frame="true"><figure><img src="https://2190407032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FC8hazSHjZVQSJPRPXjTU%2Fgitbook_gettingstarted_17.png?alt=media&amp;token=88682cf3-108b-43ac-b208-9f2687d2903f" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}

### 继续生成

**拖放** 您的图片到您的 **场景** 以开始生成：

<div data-with-frame="true"><figure><img src="https://2190407032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FPRjgNvShWhLP6NNEfKN2%2FDragandDrop.gif?alt=media&amp;token=f6e02c08-7a9b-48e7-ac0e-185402c65694" alt=""><figcaption></figcaption></figure></div>
{% endstep %}
{% endstepper %}

***

## 将产品资源连接到您的创作空间

现在，让我们将您的产品资源连接到您的创作空间资源库。上传到此处后，您无需再次上传。&#x20;

{% stepper %}
{% step %}

### 打开产品面板

在屏幕左下方，选择 <i class="fa-plus-large" style="color:$primary;">:plus-large:</i> 产品面板上的图标：

<div data-with-frame="true"><figure><img src="https://2190407032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2Fp2Ts4CO1xMBoeB8TOgl9%2Fgitbook_gettingstarted_18.png?alt=media&amp;token=0ee91fc6-9386-4131-b3b4-be46c07dd682" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}

### 选择您的产品

1. 从左侧列表中选择您的品牌。
2. 选择您要上传的产品。
3. 点击 <kbd><mark style="color:$primary;">**选择**<mark style="color:$primary;"></kbd> 按钮以将其添加到您的资源库。

<div data-with-frame="true"><figure><img src="https://2190407032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FVUY43vTVkgfzb0IQ9E2Q%2Fgitbook_gettingstarted_19.png?alt=media&amp;token=50c3dbba-fd0e-4ae4-8e80-984b80e3dca8" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}

### 上传更多产品

继续重复此流程，按需添加更多产品。
{% endstep %}
{% endstepper %}

***

## 最后一步&#x20;

使用 Beachside 生成您的第一个创作！

{% content-ref url="/pages/b3e7ffa0a506b5295d655d06b7901eaeae9d19e1" %}
[首次生成](/main/ch/onboarding/firstgeneration.md)
{% endcontent-ref %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.theseaai.com/main/ch/onboarding/playground.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.