> 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/training/capabilities.md).

# 第 1 部分

***

<div data-with-frame="true"><figure><img src="/files/3cfabeef6f4d553a7989103883b6a78f2232bc41" alt=""><figcaption></figcaption></figure></div>

<details>

<summary><strong>Beachside 是什么？</strong></summary>

Beachside 是面向高质量品牌营销活动的创意操作系统。专为一致性、速度和真实生产工作而打造：

* **以意图驱动的功能，而非提示词：** 每个操作都对应真实的创作意图。工具响应的是你想实现的目标，而不是提示词。
* **在不透支精力的情况下创作更多：** Beachside 会接管重复且耗时的步骤。设计师可以专注于构图、叙事和质量。
* **可大规模投入生产：** 结果一致、稳定，可用于电商、营销活动和全球素材分发。

</details>

<details>

<summary><strong>你可以做什么</strong></summary>

Beachside 支持整个创意流程，涵盖从构想到制作再到后期：

* **创建：** 基于一张产品图，融入你设想的所有元素，例如背景和纹理。
* **编辑：** 通过无缝替换产品、背景和特定元素，重新组合现有的营销素材。
* **增强：** 即时清理细节、移除不需要的元素、抠出主体并提升分辨率。
* **扩展：** 将活动扩展到多个 SKU，同时保持主视觉的语调和风格。

</details>

***

## 课程内容

1. 探索我们的首页
2. 探索 Playground
3. 将你的素材上传到 Playground
4. 任务与工具
   1. 模型生成
   2. 修图
   3. 角度
   4. 提取
   5. 光线

***

## 素材

在开始使用 Beachside 创作之前，请下载以下图片。

{% file src="/files/422b2bd5b260f2cab75caac12f0ae8a243426290" %}

<details>

<summary><strong>如何将素材上传到素材库</strong></summary>

1. 在屏幕左下角，选择 <i class="fa-arrow-up-from-bracket" style="color:$primary;">:arrow-up-from-bracket:</i> “上传”面板上的图标
2. 选择并上传你的文件。\n通过选择或拖拽将图片文件上传到指定区域。每个文件最大可达 30MB，最多可同时上传 10 个文件。
3. 选择 <kbd><mark style="color:$primary;">**确认**<mark style="color:$primary;"></kbd> 以完成上传并返回 Playground。

<a href="https://app.gitbook.com/o/UwFjOzcvPxIXk6nkc4K5/s/OUQ3EAPIPziQuBKQgmTy/~/edit/~/changes/188/onboarding/playground#upload-assets-to-your-library" class="button primary">在此跟随教程</a>

</details>

***

## 探索我们的首页

浏览图片下方的不同标签，以预览我们的页面。

<a href="https://theseaai.com/beachside/" class="button primary">访问 Beachside 首页</a>

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

* <i class="fa-house">:house:</i>  **首页：** 在一个地方访问最近的作品、团队并创建新的 Playground。
* <i class="fa-bring-forward">:bring-forward:</i>  **Playgrounds：** 创建并整理你的视觉项目。
* <i class="fa-image">:image:</i>  **视觉内容：** 查看你所有 Playground 中创建的图片。
* <i class="fa-gem">:gem:</i>  **素材：** 存储并整理共享文件，如产品白底图、纹理、背景和标志。

***

## 探索 Playground

浏览图片下方的不同标签，了解 Playground。

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

1. **Playground 名称：** 可随时双击更改名称。
2. **无限画布：** 你可以自由放大缩小，并按需创建任意多的场景。
3. **场景：** 我们对你在 Playground 中创作的作品的称呼。
4. **素材库：** 访问团队素材并上传文件，以便在 Playground 中使用。
5. **任务菜单：** 基于意图的创作操作。
6. **工具菜单：** 用于辅助和支持任务的手动工具。

***

## Beachside 模型生成与自动任务

自动任务是将基于意图的创作操作整合为单个动作。例如，从一张产品白底图生成多个角度、调整画面的光线、将产品融入新背景等。

{% columns %}
{% column valign="middle" %}

#### <i class="fa-images">:images:</i> **模型生成**

通过编写提示词，从零生成图像或编辑现有图像。

<a href="/pages/89312459e82eb101a672bbd8b6a265916a75e803" class="button primary">打开教程</a>
{% endcolumn %}

{% column %}

<div data-with-frame="true"><figure><img src="/files/c61baca2eb096cec65e9b1cf9a69a37536b6ef15" alt=""><figcaption></figcaption></figure></div>
{% endcolumn %}
{% endcolumns %}

***

{% columns %}
{% column valign="middle" %}

#### <i class="fa-wand-magic-sparkles">:wand-magic-sparkles:</i> **修图**

一键调整光照、颜色、几何形态、表面细节和背景洁净度。

<a href="/pages/ab9b50eec097e535bdac609fc40c45e6def24394" class="button primary">打开教程</a>

{% endcolumn %}

{% column %}

<div data-with-frame="true"><figure><img src="/files/65f26aa87dc32980dbf6d4da2f030c946ead6cb2" alt=""><figcaption></figcaption></figure></div>
{% endcolumn %}
{% endcolumns %}

***

{% columns %}
{% column valign="middle" %}

#### <i class="fa-angle-90">:angle-90:</i> **角度**

基于单张产品白底图或视觉图创建一致的新产品角度。

<a href="/pages/b54dac83998c035aeb0ea95f329be5d10b07c0cb" class="button primary">打开教程</a>
{% endcolumn %}

{% column %}

<div data-with-frame="true"><figure><img src="/files/2b8c01bdd36e77d0efcb135dc516496b26358edc" alt=""><figcaption></figcaption></figure></div>
{% endcolumn %}
{% endcolumns %}

***

{% columns %}
{% column valign="middle" %}

#### <i class="fa-scissors">:scissors:</i> **提取**&#x20;

将图像或场景中的特定元素抠出为透明背景。

<a href="/pages/45514145318785c28fb1fb754c367c8f92d40da0" class="button primary">打开教程</a>
{% endcolumn %}

{% column %}

<div data-with-frame="true"><figure><img src="/files/c6949fb9cc3c718a9661de19ec8a6e26ee9e715e" alt=""><figcaption></figcaption></figure></div>
{% endcolumn %}
{% endcolumns %}

***

{% columns %}
{% column valign="middle" %}

#### <i class="fa-lightbulb">:lightbulb:</i> **光线**&#x20;

直接在画布上优化场景光照。调整方向、强度和位置，使产品自然融入环境。

<a href="/pages/2a39b07e693704adba4e89bf074b0d27ef78e002" class="button primary">打开教程</a>
{% endcolumn %}

{% column %}

<div data-with-frame="true"><figure><img src="/files/3a1a28dfddec8bbf853914c9de57bc00b94a596d" alt=""><figcaption></figcaption></figure></div>
{% endcolumn %}
{% endcolumns %}

***

<div data-with-frame="true"><figure><img src="/files/8405e7d109053b3a33b970b84df1c0ed4880c827" alt=""><figcaption></figcaption></figure></div>

## 下一步

{% content-ref url="/pages/80ec47b968f8e1188d78ad9cbf2eda079aef962a" %}
[第 2 部分](/main/ch/training/capabilities-1.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 dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.theseaai.com/main/ch/training/capabilities.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
